/*   Media Query CSS */
@media only screen  and (max-width:1380px){

.carousel-caption {
    top: 80px;
	left:5%;
}
.carousel-control.left {left:5%;}
.carousel-control.right {left:7.8%;}

}

@media only screen  and (max-width:1024px){
.content-box{ padding:0px 15px;}
.logo { width:30%;}
.navigation { width:70%;}
.welcome-hdg { width:63%;}
.left-box{ width:45%;}
.what-we-do{ width:50%;}
.our-strangth-inner-left{ width:50%;}
.our-strangth-inner-right{ width:50%;}
.strength-box{ width:233px;}
.strength-box-2{ width:233px;}
.img-box{ right:-30px; width:96%; top:46px;}
.about-us-tab { width:20%;}
.about-right { width:80%;}
.top-fixed .logo{ width:30% !important;}
.carousel-caption {
    top: 30px;
	left:15px;
}
.carousel-caption h2{ font-size:40px;}
.carousel-caption p{ font-size:20px; line-height:24px; padding-top:10px;}
.carousel-control.left {left:15px;}
.carousel-control.right {left:50px;}
.font-3 { font-size: 22px !important; background-position: 0px 22px !important; width: 100% !important;}



}

@media only screen and (max-width:980px){
.navigation-box ul li{ margin:0px 13px;}
.left-box{ width:100%}
.welcome-hdg{ width:284px;}
.what-we-do{ width:100%; margin-top:55px; height:auto;}
.img-box{ display:none;}
.what-we-do-boxes{ width:100%; position:relative;}
.what-we-do-boxes br{ display:none;}
.box-1{ width:100%; margin-bottom:20px;}
.box-1 h2{ text-align:left;}
.box-2{ width:31.8%; margin-right:20px;}
.box-3{ width:31.8%; margin-right:20px;}
.box-4{ display:none;}
.box-5{ display:none;}
.box-6{ width:31.8%;}
.strength-box{ margin-right:9px;}
.contact{ padding:50px 0px 30px 0px;}
.footer .mips{ padding:50px 0px;}
.quick-link{ padding:50px 0px;}
.globel{ width:50%;}
.globel-2{ width:47%;}
.about-us-tab { width:25%;}
.about-right { width:75%;}
.font-3 { font-size: 20px !important; background-position: 0px 22px !important; width: 400px !important; padding-left:10px !important;}



}
@media only screen and (max-width:979px){
.logo { width:80%;}

.main-navigation{ min-height:0px;}
.navigation{ margin:0px;}
.strength-box {width: 230px;}
.strength-box-2 {width: 230px;}

.well-whatwedo{ margin-top:0px;}
.top-fixed .logo { width:30% !important;

}

@media only screen and  (max-width:800px){
.top-bg-box{ display:none;}

.box-2{ width:31.3%;}
.box-3{ width:31.3%;}
.box-6{ width:31.3%;}
.our-strangth-inner-left { width: 100%;}
.our-strangth-inner-right { width: 100%;}
.strength-box { width: 48%; margin-right: 25px;}
.strength-box-2{ width:48%;}
.col-sm-4-1{ width:50%;}
.col-sm-4-2{ width:100%;}
.footer .mips { padding: 50px 0px 0px 0px;}
.quick-link { padding: 50px 0px 0px 0px;}
.top-header{ position:fixed; top:0; background:#FFFFFF !important; color:#fff!important; box-shadow:0px 1px 5px rgba(0,0,0,0.4); z-index:9999;}
.none { display:block !important; background:#ffb014 !important;}
.none a:hover{ text-decoration:none !important;}
.inner-banner{ margin-top:105px; min-height:200px !important;}
.inner-banner h2{ margin-top:70px !important;}
.csr-banner{ margin-top:105px; min-height:200px;}
.csr-banner h2{ margin-top:70px;}
.about-right{ width:100%;}
.about-us-tab{ display:none;}
.top-fixed .logo { width:35% !important;}
.inquiry-form li label { width:25% !important;}
.csr-banner{ background-position:-750px -70px}
.carousel-caption {
    top: 40px;
	left:15px;
}


}




@media only screen and (max-width: 768px) {


}
@media only screen and (max-width: 767px) {

.about ul li{ padding:0px 0px 0px 15px;}
.labelnone{ display:none;}
.margin-auto-img{ margin:0 auto;}
.pull-left{ width:100%;}
}


/*----*****---- << Mobile >> ----*****----*/	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */


@media only screen and (max-width:680px){
.vertical-middle { left:15px; top:10px;}
.carousel-control.left { top: 75%; left:15px;}
.carousel-control.right { top: 75%; left: 51px;}
.box-2{ width:30%;}
.box-3{ width:30%;}
.box-6{ width:30%;}
.col-sm-4-1 { width: 50%; float:left;}
.develop p { text-align:left; padding-top:0px;}
.what-we-do-boxes p { width:90%;}
.strength-box { margin-right:20px;}
.top-fixed .logo { width:45% !important;}
.csr-banner{ background-position:-850px -70px}
.carousel-caption {
    top: 0px;
	left:15px;
}
.carousel-caption h2{ font-size:25px;}
.carousel-caption p{ font-size:16px; line-height:24px; padding-top:10px;}
}

@media only screen and (max-width:480px) {
.vertical-middle h2 { font-size: 20px;}
.carousel-control.left { top:70%;}
.carousel-control.right { top:70%;}
.box-2{ width:100%; margin-bottom:15px;}
.box-3{ width:100%; margin-bottom:15px;}
.box-6{ width:100%;}
.strength-box { width:100%;  margin-right:18px;}
.strength-box-2{ width:100%; margin-left:0px; text-align:center; margin-top:20px!important;}
.col-sm-4-1 {width: 100%;}
.left-box h1 { font-size: 18px; line-height: 22px;}
.left-box p{ margin:15px 0px 0px 0px;}
.what-we-do{ margin-bottom:0px; height: 670px;}
.our-strangth { margin-top:50px; padding: 0px 0px 50px 0px;}
.what-we-do-boxes p { width:75%;}
.our-strangth-inner-left { width: 100%; padding-top:50px;}
.our-strangth-inner-right { width: 100%;  padding-top:30px;}
.top-fixed .logo { width:70% !important;}
.globel{ width:100%;}
.globel-2{ width:100%; margin-top:50px;}
.csr-banner{ background-position:-1050px -70px}
.carousel-caption h2{ font-size:28px;}
.carousel-caption p{ font-size:16px; line-height:20px; padding-top:8px;}
.carousel-caption p br{ display:none;}
}

@media only screen and (max-width:360px) {
.vertical-middle h2 { font-size:16px;}
.carousel-control.left { top:70%; width:30px; height:30px; line-height:25px;}
.carousel-control.right { top:70%; left:44px; width:30px; height:30px; line-height:25px;}
.strength-box{ width:100%; margin-left:0px; margin-bottom:15px; text-align:center;}
.strength-box img { margin: 30px 0px 20px 0px;}
.strength-box p{ margin:0px; text-align:center;}

.strength-box-2{ width:100%; margin-left:0px; text-align:center;}
.strength-box-2 img { margin: 30px 0px 20px 0px;}
.strength-box-2 p{ margin:0px; text-align:center;}
.top-fixed .logo { width:80% !important;}
.submit1{ width:100%;}
.globel{ width:100%;}
.globel-2{ width:100%; margin-top:50px;}
.csr-banner h2{ font-size:34px;}
.csr-banner{ background-position:-1050px -70px}
.carousel-caption h2 br{ display:none;}
.carousel-caption h2{ font-size:20px;}
.carousel-caption{ top:0px; padding-top:10px;}
.carousel-caption p{ font-size:14px; line-height:18px; padding-top:8px;}
.font-3 { font-size: 16px !important; background-position: 0px 22px !important; width: 95% !important; padding-left:10px !important;}

}