@media screen and (max-width: 1280px) {
/* Styles */
}

@media screen and (max-width: 1024px) {
	ul.sp-megamenu-parent >li {padding: 0px 7px;}
	ul.sp-megamenu-parent >li >a {font-size: 13px;}
	div.has_subtitle .sub_title{padding: 0 210px;}
	div.itemRelated ul li{ width: 23%;    min-height: 230px;   margin: 5px;}
	ul.sp-megamenu-parent >li >a { padding: 27px 0px 0;}
}
@media only screen and (max-width: 1024px) and (orientation : landscape){
		#itemListPrimary .clr{clear:none}
	#itemListPrimary div.itemContainer { width: 33.333%;   min-height: 385px;}
}
@media only screen and (min-width: 980px) and (max-width:1023px){
	ul.sp-megamenu-parent >li >a {padding: 0 6px;}
	div.has_subtitle .sub_title{padding: 0;}
}
@media screen and (max-width: 980px) {
/* Styles */
}
@media only screen and (max-width: 980px) and (orientation : landscape){
	div.itemContainer { min-height: 384px;}
}
@media screen and (max-width: 960px) {
/* Styles */
}
@media screen and (max-width: 800px) {
/* Styles */
div#sp-user1,
div#sp-user2,
div#sp-user3,
div#sp-user4{ margin: 15px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/* Styles */

ul.sigProPolaroids li.sigProThumb{margin: 20px 10px;}
}
@media screen and (max-width: 768px) {
/* Styles */
DIV.hotromuahang h4{font-size: 18px;}
div.product_info{ padding-bottom: 15px;}
.news-event div.intro-image a img { height: auto;}
}
@media only screen and (min-width: 768px) and (max-width:979px){
	ul.sp-megamenu-parent >li >a {padding: 0 5px;}
	div.intro-image{  max-width: 100%; margin:0 15px 5px 0;}
	div.entry-header h2{ font-size: 18px;}
	.customhotline24 { font-size: 30px;}
	.ns2-art-pages img.ns2-image{max-width: 230px;}
	div.itemContainer {width: 50%; min-height: 386px;}
	div.itemRelated ul li{ width: 47.8%;    min-height: 182px;   margin: 5px;}
	div.itemImageBlock,
	div.itemExtraFields{width: 50%;}
	div.itemExtraFields ul li span.itemExtraFieldsLabel{  width: 20%;}
	div.has_subtitle .sub_title{padding: 0;}

}
@media only screen and (max-width: 767px) and (orientation : landscape){
	.customhotline24{font-size: 30px;}
}
@media only screen and (min-width: 640px) and (max-width:767px){
	#itemListPrimary .clr{clear:none}
	#itemListPrimary div.itemContainer { width: 33.333%;   min-height: 385px;}
}
@media screen and (max-width: 667px) and (orientation : landscape) {
/* Styles iphone 6 landscape */
	div.dichvu .bt-cs .bt-row{width: 50% !important;}
	div.dichvu .bt-cs .bt-row .bt-inner{padding: 10px;}
	div.dichvu .bt-cs .bt-inner img{width: 100% !important;}
	.customhotline24{font-size: 28px;}
	#sp-services{background-size: cover;}
}
@media screen and (max-width: 640px) {
/* Styles */
}
@media screen and (min-width: 600px) and (max-width:677px){
	div.sp-module ul.lang-inline li>a, div.menu_top ul.menu li >a, section#sp-top-bar ul.menu li >a, div.menu_footer ul.menu li >a{padding: 0 8px;}
}
@media screen and (min-width: 600px) and (max-width:766px){
	div.itemImageBlock,
	div.itemExtraFields{width: 50%;}
	div.itemExtraFields ul li span.itemExtraFieldsLabel{    width: 15%;}
}
@media screen and (min-width: 600px) and (orientation : portrait) {
div#sp-user1,
div#sp-user2,
div#sp-user3,
div#sp-user4{ width: 50%; float: left;     margin: 15px 0;}
div.block_product { width: 50%;}
.product { margin: 0 15px;}	
	.ns2-art-pages .ns2-inner > a{width: 45%; float: left;}
	.ns2-art-pages .ns2-inner a img{padding-right: 15px;}
	.ns2-links a { min-width: 100%;}
}
@media screen and (max-width: 600px) {
div.intro-image{  max-width: 250px; margin:0 15px 5px 0;}
div#sp-danst .danstudio .sp-module-content {    width: 90%;}
div#sp-bottom1, div#sp-bottom2, div#sp-bottom3, div#sp-bottom4{clear: both;}
div#sp-bottom2 .sp-module-content, div#sp-bottom3 .sp-module-content { margin: 0;}
div#comjshop_list_product, .jshop_list_product{margin: 0;}
.controls_Input { padding: 0;}
.items-row > div{clear: both;margin: 0 -15px;}
div.nspArts{padding: 0}
}
@media only screen and (min-width: 568px) and (max-width:767px){
	div.bt-cs .bt-inner{    padding: 0 2px;}
	div.bt-cs .bt-inner .bt-introtext-inner{    padding: 15px;}
	div.itemContainer {width: 50%; min-height: 418px;}

	div.ns2-links-pages{padding: 0; background: none; margin: 0;}
	div.has_subtitle .sub_title{padding: 0;}
}
@media screen and (max-width: 568px) and (orientation : landscape) {
	div.intro-image{  max-width: 200px; margin:0 15px 5px 0;}
	.ns2-art-pages .ns2-inner > a{width: 45%; float: left;}
	.ns2-art-pages .ns2-inner a img{padding-right: 15px;}
	.ns2-links a { min-width: 100%;}
	div#sp-user1,
div#sp-user2,
div#sp-user3,
div#sp-user4{ width: 50%; float: left;     margin: 15px 0;}
ul.sigProPolaroids li.sigProThumb{margin: 20px 20px;}
}

@media only screen and (min-width: 480px) and (max-width:767px){
	
}
@media screen and (max-width: 480px) {
	div.intro-image{  max-width: 200px; margin:0 15px 5px 0;}
}

@media only screen and (max-width: 480px) and (orientation : landscape){
	#sp-top1,#sp-top2{    width: 100%;  text-align: center;  float: left;}
	#sp-user1,#sp-user2,#sp-user3{    width: 33.333%;    float: left;}
	.giaidap div.bt-cs .bt-center{float: left;    max-width: 180px;    margin-right: 10px;}
	.giaidap div.bt-cs .bt-inner .bt-title{float: left;    width: 260px;    display: block;}
	div.bt-cs .bt-inner .bt-title{clear: none;    float: left;    width: 239px;    display: block;}
	.readmore{    clear: both;    float: right;}
	#itemListPrimary div.itemContainer {width: 50%; min-height: 380px;}
	.ns2-art-pages img.ns2-image{max-width: 50%;}
}
@media only screen and (min-width: 320px) and (max-width:767px){
	#sp-footer1,div#sp-footer2{    text-align: center;}
	div#sp-bottom2{position: relative;}
	#sp-services{background-color: #003164;  background-size: inherit !important;}
}
@media only screen and (min-width: 320px) and (max-width:480px){
	div.itemRelated ul li{ width: 47%;    min-height: 230px;   margin: 5px;}
	div.entry-header{clear:both;}
	div.intro-image img{width:100%;}
	div.bt-cs h3{font-size: 20px;}
	div.bt-cs .bt-inner{    padding: 0;}
	div.has_subtitle .sub_title{padding: 0;}
	.bt-cs .bt-inner img{width: 100% !important;}
	.view-article .item-page img{float: none !important;    margin: 0 auto;}
	#itemListPrimary div.itemContainer {width: 100%; min-height: 200px;}
}
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
	div#sp-danst .danstudio .sp-module-content {    width: 80%;}
	div#sp-user1,
	div#sp-user2,
	div#sp-user3,
	div#sp-user4{ width: 50%; float: left;     margin: 15px 0;}
	.ns2-art-pages .ns2-inner > a{width: 45%; float: left;}
	.ns2-art-pages .ns2-inner a img{padding-right: 15px;}
	.ns2-links a { min-width: 100%;}
	div.block_product { width: 50%;}
	.product { margin: 0 15px;}
	div#comjshop_list_product, .jshop_list_product { margin: 0;}
	.items-row > div{clear: both;margin: 0 -15px;}
	
}
@media screen and (max-width: 375px) {
/* Styles iphone 6 portrait */
	div.intro-image{ max-width:100%;margin:0 0 15px 0;}
	#sp-top1{  text-align: center;}
	
	div.ns2-links-pages{padding: 0; background: none; margin: 0;}
	section#sp-top-bar ul.menu{text-align: center;}
	#sp-top2{padding: 0;}
	div.sp-module ul.lang-inline li>a, div.menu_top ul.menu li >a, section#sp-top-bar ul.menu li >a, div.menu_footer ul.menu li >a{padding: 0 10px;}
	h3.title-general{background: url(../images/bg-title-general.png) no-repeat 50% 0 / 100% 80%; font-size: 23px; margin: 20px 0;}
h3.title-general-khoa-hoc-noi-bat {height: 30px; line-height: 30px;	}
div#sp-danst .sp-column {
    background: #F7F7F7;
    height: auto;
    background-size: cover;
}
div#sp-user1,
div#sp-user2,
div#sp-user3,
div#sp-user4{margin: 15px 0;}
}
@media screen and (max-width: 360px) {
/* Styles */
}
@media screen and (max-width: 320px) {
div.intro-image{max-width:100%;margin:0 0 15px 0;}
div.menu_top ul.menu li > a{padding: 0px 5px;}
	
#sp-title-center h2{text-align: center;
    font-size: 33px;
    line-height: 1.2;}
div.ns2-links-pages{padding: 0; background: none; margin: 0;}
div.has_subtitle .sub_title{padding: 0;}

div.itemRelated ul li{ width: 45%;    min-height: 190px;   margin: 5px;}
div.itemExtraFields ul li span.itemExtraFieldsLabel{    width: 15%;}

div#sp-danst .danstudio .sp-module-content .customdanstudio { padding: 10px; text-align: justify;}
div#sp-danst .danstudio .sp-module-content {width: 100%}
div#sp-top1 { text-align: center;}
.news-event div.items-leading .intro-image a img {  height: auto;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	.ns2-art-pages .ns2-inner a img{max-width: 100%;}
	ul.sigProPolaroids li.sigProThumb {
    margin: 20px 9px;
    padding: 3px;
}
}