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

@media screen and (max-width: 1024px) {
	ul.sp-megamenu-parent >li {padding: 0px 10px;}
	ul.sp-megamenu-parent >li >a {font-size: 12px;}
	div.has_subtitle .sub_title{padding: 0 210px;}
	div.itemRelated ul li{ width: 23%;    min-height: 230px;   margin: 5px;}
}
@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 */
}
@media screen and (max-width: 768px) {
/* Styles */
}
@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: 200px; margin:0 15px 5px 0;}
	div.entry-header h2{ font-size: 18px;}
	.customhotline24 { font-size: 30px;}

	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 (max-width: 600px) and (orientation : portrait) {

}
@media screen and (max-width: 600px) {
div.intro-image{  max-width: 250px; margin:0 15px 5px 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 only screen and (max-width: 568px) and (orientation : landscape) {
	div.intro-image{  max-width: 200px; margin:0 15px 5px 0;}
}
@media only screen and (min-width: 480px) and (max-width:667px){
	
}
@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: 240px) and (max-width:768px){
	div.theme-default .nivo-directionNav a{width: 26px; background-position: -26px 0px;}
	div.theme-default:hover .nivo-directionNav a{background-size: 53px;}
	div.nivo-directionNav a{top: 30%;}
}
@media only screen and (min-width: 240px) 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: 240px) 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: 240px) and (max-width:479px){
ul.sigProClassic li.sigProThumb,
ul.sigProClassic li.sigProThumb span,
ul.sigProClassic li.sigProThumb a.sigProLink,
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg{width:100% !important}	
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg{background-size:cover}	
}
@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;}
}
@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-top1,
#sp-top2{margin: 15px 0;text-align: center;}
#sp-title-center h2{text-align: center;
    font-size: 33px;
    line-height: 1.2;}
div.nssp2 .flt-left { padding: 0;}
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%;}
}
