@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1024px){
.flexslider .flex-direction-nav .flex-next {top:60px; right:20px}
.flexslider .flex-direction-nav .flex-prev {left:20px; top:60px;}
.slider-txt, .slider-txt span{ float:left; width:100%; text-align:center;}
}

@media screen and (max-width: 1000px){
.main-div{ width:96%; float:left; margin:0px 2%}
#header{ text-align:center; padding:30px 0px;}
#header .logo{ float:none;}
.tag-text{ width:100%; text-align:center; margin:0; padding:30px 0px;}
.tag-text span{ width:auto; float:none; text-indent:0px;}
#header .header-right{ float:left; width:100%; text-align:center; background:url(../images/header-right-img.png) center center no-repeat; padding:0;}
#header2{ position:relative; padding-top:30px; background:#1a1c1f;}
h1{ text-align:center;}
#mid-box{ text-align:center;}
.main-box{ float:none; display:inline-block; margin:0px 2%!important; vertical-align:top; width:20.5%;}
.read-btn{ float:none; display:inline-block;}
.left-img-box{ float:none; display:inline-block; margin:0!important;}
.img-box{ float:none; display:inline-block;}
.content-dtl-box, .content-dtl-box3{ float:left; width:100%; text-align:center; margin:30px 0 0!important;}
.content-dtl-box2{ float:left; width:100%; text-align:center; margin-top:0px!important;}
ul.listing li{ background:url(../images/arrow.png) 14% 7px no-repeat;}
#footer{ text-align:center;}
ul.footer-menu{ display:inline-block; float:none;}
.copy-text{ float:none; display:inline-block; padding-top:0; margin-top:-8px}
.footer-img1{ display:none;}
.footer-img2{ display:block; margin-top:20px;}
.footer-right{width:auto; text-align:center; float:none; margin-top:10px;}
.optimatrix{text-align:center; float:none;}
.left-img-box2{ margin-bottom:0px;}
.service-box{ float:none; display:inline-block; width:29%; margin:0 2% 30px;}
.service-img-box{ width:100%; height:auto;}
.special-right-box{ width:67%;}
.contact-box1, .contact-box2{ width:100%; margin-right:0!important; margin-bottom:30px;}
}
@media screen and (max-width: 740px){
.slider-txt{ font-size:24px; padding:10px 0px;}
.main-box{ width:45%; margin-bottom:30px!important;}
#mid-box{ padding-bottom:0px;}
ul.listing li{ background:url(../images/arrow.png) left 7px no-repeat}
.service-box{ width:45%;}
.special-box{ text-align:center;}
.special-img-box{ float:none; display:inline-block; margin-right:0!important;}
.special-right-box{ width:100%; text-align:center; margin-top:15px;}
}
@media screen and (max-width: 530px){
.flexslider .flex-direction-nav .flex-next {top:20px; right:20px}
.flexslider .flex-direction-nav .flex-prev {left:20px; top:20px;}
.main-box{ width:96%;}
ul.footer-menu li{ margin:5px 0px; float:none; display:inline-block;}
}
@media screen and (max-width: 470px){
.slider-txt, .slider-txt span{ display:none;}
.service-box{ width:95%;}
}
@media screen and (max-width: 315px){
#header .header-right{ font-size:36px; line-height:28px;}
#header .header-right span{ font-size:20px;}
.left-img-box2{ float:none; display:inline-block; margin-bottom:15px; margin-right:0px!important;}
}