@media (max-width: 1599px) {

.inner { width:90%;}
section.hero .call-to-action { bottom:40px;}
header .top .slogan { width:40%;}
header .top .phone { width:25%;}
section.home-block1 ul li a { min-height:400px;}
section.home-block ul li a { min-height:370px;}
section.service-block .side-menu ul li a { padding:10px 20px 10px 30px}
section.service-block .side-menu ul li a i { margin:0 0 0 -40px;}
}


@media (max-width: 1279px) {
.tablet-show { display:block}
.tablet-hide { display:none}
.inner { width:100%; padding:0 20px;}
section.home-block ul li { width:50%;}
section.home-block ul li a { min-height:400px;}
section.home-block1 ul li { width:50%;}
section.home-block1 ul li a { min-height:300px;}
section.hero .slider img { width:200%; float:right;}
.bx-caption h2 { width:100%;}
header .top .logo { width:50%;}
header .top .phone { width:50%;}
header .top .slogan { width:100%; float:left; padding:20px 0 0 0;}
section.home-block .main-content { width:100%; padding:10px 0; text-align:center}
section.home-block .side-content { width:100%; padding:10px 0;text-align:center }
section.service-block .side-menu { width:100%; padding:10px 0;}
}

@media (min-width: 980px) and (max-width: 1279px) {

}

@media (max-width: 1023px) {
section.home-block ul li { width:50%;}

}

@media (max-width: 979px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {	
.inner {  padding:0 10px;}
section.hero { display:none;}
h2, h1 { font-size:18px;}
header nav ul li a { padding:10px; font-size:12px;}
section.home-block ul li { width:100%; text-align:center}
section.home-block1 ul li { width:100%; text-align:center;}
section.home-block1 ul li a { min-height:0;}
section.home-block ul li a { min-height:0;}
section.page-hero .call-to-action { text-align:center; width:100%; float:left;}
section.page-hero .call-to-action .btn { width:80%; margin:0 0 20px 0;}
section.page-hero h1 { text-align:center; width:100%; padding:0; float:left;}
header .top .logo { width:40%;}
header .top .logo img { width:100%; max-width:0;}
header .top .phone { width:60%;}
section.service-block .side-menu ul li { text-align:left !important;}
section.service-block .side-menu { padding:}
footer .top ul li img { width:100%; }

}

@media (max-width: 479px) {	

}