@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1199px) {
	.blog-listing .item .action{position:relative; left:0}
}
@media only screen and (min-width:1024px) and (max-width: 1199px) {
.header{min-height:10px;}
.header .logo{max-width:260px; margin:6px 0 0}
	.header .upper-right{margin-top:13px;}
.header .info-box{margin-right:8px;}
.info-box.action a{padding:15px; font-size:16px;}
.nav ul li{margin:0 15px}
.nav.sticky .navigation{margin-top:9px;}
.nav.sticky .navigation ul li{margin:0 3px}
.nav.sticky .navigation ul li a{ padding:6px 10px; font-size:18px;}
.inner-page .left-col .four-boxs .col-md-3{width:50%; float:left}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*h1{font-size:42px; line-height:30px;}
h2{font-size:40px;}
h3{font-size:22px;}*/
.header{margin:0 0 8px; min-height:10px;}
.header .upper-right{ display:none;}
.mobile-view{display:block}
.nav{display:none}
.mm-toggle {display: block;}
.logo{ width:200px;}
.panel3{padding:20px 0 50px;}
.panel3 .left{width:100%}
.panel3 .right{width:100%}
.panel3 .right .image{margin:0}
.panel5 .three-boxs{padding:0 20px;}
.panel4 .three-boxs .row{margin:0 -15px}
.panel4 .three-boxs .col-sm-4{padding:0 15px;}
.panel4 .box .number{font-size:70px}
.panel5 .col-sm-4.image{margin:0}
.panel5 .box{min-height:245px;}
.panel5 .action a{height:auto; line-height:20px; padding:8px}
.panel5 .box .logos{margin-top:30px;}
.panel6{background:#4a6487}
.panel6 .left-image{padding:10px 0}
.panel6 .left-image img{visibility:visible}
.inner-page .left-col h2{line-height:36px;}
.right-col .block.categories ul li,
.right-col .block.categories ul li ul li{font-size:18px;}
.inner-page address{float:left; width:100%}
.left-col h1.post-title{line-height:1}
.img-frame{width:100%; padding:0; margin:0 0 15px;}
.img-frame img{width:100%}
.left-col .post-content .post-thumb{width:100%; padding:0; margin:0 0 15px;}
.left-col .post-content .post-thumb img{width:100%}
.contact_form textarea{height:100px;}
.contact_form .col-md-6,
.contact_form .col-md-12{float:left; width:100%}
.blog-listing .details{padding-left:0}
.footer-logo{max-width:100%; text-align:center; margin:30px 0}
.footer-logo img{display:inline}
footer .info-box{float:none;}
.social-icon{text-align:center}
.social-icon ul li{display:inline-block; float:none}
}


@media only screen and (max-width: 767px) {
/*h1{font-size:36px; line-height:30px;}
h2{font-size:32px;}
h3{font-size:22px;}*/
.header{margin:0 0 8px; min-height:10px;}
.header .upper-right{float:left; width:100%; padding:10px 0; margin:0;/* display:none;*/}
.header .info-box{padding:0; margin:0 0 15px; width:100%; min-height:1px; text-align:center}
.header .info-box .icon-box,
.header .info-box li strong{display:none}
.header .info-box.address{ display:none;}
.header .info-box li{ font-size:30px;}
.header .info-box li a{font-weight:400;color:#c8aa64}
.header .info-box.action{margin:0}
.info-box.action a{width:100%; padding:10px 15px;}
.header .info-box h5{display:block; margin:0 0 10px;}
.header .info-box h6{display:block; margin:10px 0 0}


.mobile-view{/*display:block*/}
.header-top{ float:left; width:100%; padding:10px 0}
.nav{display:none}
.logo{ width:200px;}

#homeSlider .owl-theme .owl-controls .owl-buttons div{opacity:0}
#homeSlider img{}
.free-case{ display:block}
.panel2 .sec-title h2,
.panel4 .sec-title h2,
.panel5 .sec-title h2{line-height:34px;}
.panel3{padding:20px 0 50px;}
.panel3 .left{width:100%}
.panel3 .left .info-box ul li{ width:100%; padding:20px 15px 0 20px}
.panel3 .right{width:100%}
.panel3 .right .image{margin:0}
.panel4 .box{ padding-bottom:20px;margin-bottom:30px}
.panel4 .box .number{font-size:90px}
.panel5{padding:0}
.panel5 .three-boxs{padding:0}
.panel5 .box{min-height:10px; float:left; width:100%}
.panel5 .action{position:relative; top:0; padding:0; margin:20px 0}
.panel5 .col-sm-4.image{margin:0}
.panel5 .box .logos{margin-top:30px;}
.panel5 .sec-title:before{width:220px; margin-left:-110px;}
.panel6{background:#4a6487}
.panel6 .left-image{padding:10px 0}
.panel6 .left-image img{visibility:visible}
.panel6 .text-box .col-6{width:100%; padding:0; border:none; margin:0 0 30px;}
.inner-banner .banner-info{position:relative}
.inner-banner .banner-info .container{padding:0}
.inner-banner .banner-info .text-box{text-align:center; width:100%;}
.inner-banner .banner-info .text-box h3{font-size:26px;}
.inner-page .left-col h2{line-height:30px;}
.right-col .block.categories ul li,
.right-col .block.categories ul li ul li{font-size:16px;}
.inner-page address{float:left; width:100%}
.left-col h1.post-title{line-height:1}
.img-frame{width:100%; padding:0; margin:0 0 15px;}
.img-frame img{width:100%}
.left-col .post-content .post-thumb{width:100%; padding:0; margin:0 0 15px;}
.left-col .post-content .post-thumb img{width:100%}
.contact_form textarea{height:100px;}
.contact_form .col-md-6,
.contact_form .col-md-12{float:left; width:100%}
.blog-listing .details{padding-left:0}
/*******************/
footer h2{line-height:30px;}
footer .col-sm-5{padding-left:15px;}
.footer-logo{margin-top:30px;}
footer .info-box .icon-box{top:58px;}
footer .info-box li{font-size:26px;}
}
@media only screen and (max-width:479px) {
.panel5 .action a{font-size:11px;}
footer .form {float:left; width:100%; margin:0 0 30px;}
footer .form .form-row{margin-bottom:0}
footer .form .form-row .col-6{width:100%; margin:0 0 20px;}
#homeSlider img{position:relative; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
}

@media only screen and (max-width:500px){
#homeSlider img{ width:auto; max-width:none; height:230px;position:relative; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.panel5 .action a{width:auto; padding:0 20px;}


}