@media(min-width:1600px) {
.mainSlider .item img, .weOperate>img { width: 100% }
.weOperate { background-size: cover }
}
@media (max-width:1200px) {
header .navbar-brand { max-width: 265px }
.weOperate p span.weOprateBlock { display: inline }
}
@media (min-width:768px) and (max-width:1200px) {
ul.nav.navbar-nav.navbar-right { position: absolute; top: 0; right: 25px }
ul.fristUl { width: 100%; text-align: center }
header a.navbar-brand { max-width: 190px; padding-bottom: 0 }
}
@media (max-width:1100px) {
div.slideOutTab { width: 767px; left: -658px; font-size: 14px; padding-top: 8px; padding-bottom: 8px }
.slideOutTab a::after { height: 45px; width: 45px }
.slideOutTab a { font-size: 14px; padding-right: 80px; padding-left: 30px }
}
@media (max-width:991px) {
header .navbar-brand { max-width: 170px }
header .navbar-nav { margin-top: 6px }
header .navbar-nav>li { padding-left: 5px; padding-right: 5px }
header .navbar-nav>li>a { font-size: 14px }
.webDesignArea .item .carousel-desc, .webDesignArea .item.item3 .carousel-desc { text-align: center; margin-bottom: 30px }
.webDesignArea .item3 .col-md-6 { width: 100%; text-align: center }
.customStepslider .controls li::after { top: 35px }
.customStepslider .nav li a::before, .customStepslider .nav li.active a::before { height: 51px; width: 51px; background-size: cover }
.customStepslider .nav li h3 { margin-top: 70px; font-size: 18px }
.customStepslider .nav li p { font-size: 12px }
.customStepslider .carousel-inner .item .imgBaseline { margin-top: 35px }
}
@media (max-width:800px) {
header .navbar-brand { max-width: 150px }
}
@media (min-width:768px) {
.navbar-header { max-width: 190px }
.navbar-right { margin-top: -11px!important }
li.dropdown:hover ul.dropdown-menu { display: block }
}
@media (max-width:767px) {
.item.item2.active > .fill { padding: 25px 0; margin: 25px 0; }
header { padding-bottom: 0 }
header .navbar-brand { max-width: 235px; padding-top: 0; padding-bottom: 0; margin-bottom: 20px }
header .navbar-default .navbar-toggle { margin-top: 0 }
header .navbar-nav { text-align: left; margin-top: 0; margin-bottom: 0 }
header .navbar-nav>li { display: block; padding: 0 }
header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover { background-color: #009ee3; color: #fff }
header .navbar-nav>li>a { padding: 10px 15px }
header .navbar-default .navbar-nav>li>a:focus, header .navbar-default .navbar-nav>li>a:hover { background-color: #eee }
.contentArea { font-size: 16px; padding: 35px 15px }
.contentArea h2 { margin-bottom: 15px; font-size: 24px; margin-top: 0 }
.contentArea p { margin-bottom: 25px; line-height: 26px }
.contentArea .bp-orderlist li { margin-bottom: 15px; padding-left: 15px }
.findusWrap, footer { padding: 20px 0 }
.weOperate { margin-bottom: 35px }
.whatweDo h1 { font-size: 34px }
.findusWrap { margin: 20px 0; border-top: 1px solid #404040; border-bottom: 1px solid #404040 }
footer h3 { margin-bottom: 10px }
.sitelinksWrap li { margin-bottom: 5px }
.sitelinksWrap li a { font-size: 16px }
.copyrightWrap li { font-size: 14px }
.sitelinksWrap ul { margin: 15px 0 0 }
.contWrap address { font-size: 16px; margin-top: 10px }
.partnerBox .logBox { min-height: inherit }
.partnerWrap img { position: inherit; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit }
.partnerBox { border-bottom: 1px solid #ddd; padding: 0 0 25px }
.partnerWrap { margin-bottom: 35px }
.requrestCallback form input, .requrestCallback form textarea { padding: 10px 10px; font-size: 16px; border-width: 1px }
.requrestCallback form textarea { padding-top: 10px }
.requrestCallback .btn-save { padding: 15px; width: 100% }
.contAddress { margin-top: 15px; border-top: 1px solid #009ee3; padding-top: 15px }
.contAddress a { margin-bottom: 0; font-size: 26px }
.contAddress address, .weOperate p { font-size: 20px }
div.slideOutTab { position: inherit; left: 0; width: auto; margin: 15px; border-radius: 7px; padding-top: 15px; padding-bottom: 15px }
.slideOutTab a { width: 100%; padding-right: 80px; position: relative; padding-left: 0 }
.slideOutTab a::after { right: 3px!important }
.whatwedoArea { position: inherit }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 0 }
.mainSlider .carousel-control.left { left: 0 }
.mainSlider .carousel-control.right { right: 0 }
.weOperate, .weOperate .weOperate_txtwrap { min-height: 110px; max-height: 150px }
.nav.navbar-nav.navbar-right { margin-bottom: 10px }
header .navbar-right a span { display: inline; margin-left: 10px }
header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { background: #eee }
.webDesignArea .item .carousel-img img, .webDesignArea .item.active .carousel-img img { max-height: 100% }
.webDesignArea .item h2 { font-size: 24px; margin-top: 0 }
.webDesignArea .item .carousel-desc p { width: 100% }
.socialMedia { padding-bottom: 0 }
.printServices li { font-size: 18px }
.webDesignArea .item p>span { display: inline }
.customStepslider .nav li p { display: none }
.customStepslider .nav li a::before, .customStepslider .nav li.active a::before { height: 30px; width: 30px }
.customStepslider .controls li::after { top: 25px }
.customStepslider .nav li h3 { margin-top: 45px }
.customStepslider .carousel-inner .item .imgBaseline { margin-top: 0 }
.customStepslider .item { padding: 0 }
header .navbar-right a, header .navbar-right a span { font-size: 16px }
.Features_txtwrap { border-bottom: 1px solid #ddd }
.Features_txtwrap h3 { font-size: 20px; margin-bottom: 10px }
}
@media(max-width:480px) {
.webDesignArea .item .carousel-desc p { width: 100% }
}
@media(max-width:450px) {
.findusWrap iframe { max-width: 100% }
.weOperate p { font-size: 18px }
.customStepslider .nav li h3 { font-size: 15px; margin-top: 40px }
.customStepslider .nav li a { padding: 10px 5px }
}