@media (max-width: 1440px) {
	
}

@media (max-width: 1366px) {}

@media (max-width: 1200px) {
	.ourCompanyInfo {margin-left: -100px;}
	.servicesSet .boxList {padding: 100px 15px;}
	
	.servicesSet.bgDarkSet .title {font-size: 24px;}
	
}

@media (max-width: 1024px) {
	.servicesSet a.whitePanel {min-height: 300px;}
	
	
}

@media (max-width: 991px) {
	.boxList {padding-top: 30px; padding-bottom: 0px;}
	.servicesSet a.whitePanel {min-height: 260px;}
}

@media (max-width: 800px) {
	.title {font-size: 30px;}
	
	.col-6.col-sm-push-6.missionBG{left: 0;}
	.changePosition .col-6.col-sm-pull-6{right: 0;}
	.changePosition .ourCompanyInfo{margin-right: 0;padding: 30px;}
	
	.changePosition .ourCompanyInfo{text-align: left;}
	
	.changePosition .title:before {left: -20px; right: auto;}
	.changePosition .ourCompanyInfo p {text-align-last: left;}
	
	.bgBox1,
    .bgBox2,
    .ourCompany .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        display: block;

    }
	.bgBox1 .divBox {margin: 0px; max-width: 100%; padding: 60px 40px 60px 40px;}
     
    .bgBox2 .divBox {margin: 0px; max-width: 100%;}

    .ourCompanyInfo {margin: 0px; padding: 30px;}
	.ourCompany .col-6 {padding: 30px 15px;}

    .ourCompanyImg,
    .missionBG,
    .whatWeDoBG,
    .visionBG {height: 450px;}

    .portfolio {padding: 30px 0px;}

    .portfolioBox .box1 {margin-bottom: 10px;}
	
	.portfolio .title{margin-left: 20px;}
	.copyrightBox p {line-height: 22px;}
	
	.serviceList li:hover:before,
	.serviceList li:hover:after{display: none;}
	.serviceList li:hover{border-radius: 5px;}
	.colContainer .bgBox2{padding-left: 15px;}
}

@media (max-width: 768px) {

    .bgBox1 .divBox {padding-left: 20px; padding-right: 20px;}
    .boxList{ padding-top: 0px;}
    .boxList .col-sm-6{ width: 100%; text-align: center;}
    .boxList .icBox{ display: inline-block; margin-bottom: 10px;}
    .planningSection .col-sm-4, .planningSection .col-sm-7{ width: 50%; margin: 0px;}
    .innerPage .col-sm-6, .innerPage .col-sm-6{ width: 100%;}
    .imgDesBox{ margin-bottom: 30px;}
    .contact-page .form .title{ width: 100%; left: auto; right: auto; position: static; line-height: 50px;}
    .contact-page .form form{ padding: 20px; margin-top: 50px; font-size: 18px;}

	.ourCompany .col-6 {padding: 30px;}
	
	.ourCompanyInfo {padding: 30px 20px;}
	
	.servicesSet a.whitePanel {min-height: 300px;}
	.servicesSet .boxList {padding: 50px 15px;}
}

@media (max-width: 767px) {

    .navbar-toggle {
        background-color: #cf2338;
        margin-top: 30px;
        margin-right: 25px;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-collapse {
        position: absolute;
        width: 100%;
        float: left;
        z-index: 99;
        background-color: #fff;
    }
  
	.owl-theme .owl-controls{display: none !important;}

	.servicesSet a.whitePanel {min-height: auto;}
	
	.mainHeader .navbar-right .dropdown:hover .dropdown-menu {position: relative; width: 100%; right: 0; padding-bottom: 15px; box-shadow: none;}
.mainHeader .navbar-right>li>a:before {height: 3px;}


}

@media (max-width:700px) {

    .innerBanner {padding-bottom: 40px;}

    

    .portfolioBox .box1,
    .otherBox {
        width: 100%;
    }

    .portfolioBox .box2,
    .portfolioBox .box4 {
        margin-left: 0px;
        margin-right: 1.50%;
    }

    footer .footerLinks ul {
        width: 50%;
        float: left;
        min-height: 210px;
    }
	
	

    .footerSocialLinks,
    .buttonViewWrap,
    .copyrightBox p,
    .title {
        text-align: center;
    }

    .copyrightBox p {
        margin-bottom: 25px;
    }

    .portfolio .btnRed {
        float: none;
        display: inline-block;
		    margin-top: 5px; margin-bottom: 20px;
    }

    .changePosition .ourCompanyInfo {
        margin: 0px;
        width: 100%;
        float: left;
    }

    .changePosition .ourCompanyInfo p,
    .ourCompanyInfo p,
    .textJust p,
    .bannerText h1,
    .bannerText p {
        text-align-last: center;
        text-align: center;
    }

    .ourCompany {
        display: block;
    }

    .title:before {
        display: none;
    }

    .changePosition .ourCompanyInfo,
    .ourCompanyInfo {
        padding: 40px 15px;
    }

    .boxList {
        text-align: center;
        padding: 40px 0px;
    }

    .boxList .icBox {
        display: inline-block;
    }

    .countBox {
        margin-bottom: 30px;
    }
    .fa-ul>li {
        position: relative;
        width: 33.33%;
        float: left;
        text-align: left;
    }
    .fa-ul{ width: 100%; float: left; margin-bottom: 15px;}
    .contact-page a.fa{ display: inline-block;}
    .contact-page{text-align: center;}
	
	
}

@media (max-width: 640px) {
h1 {font-size: 30px;}
.bannerText h1 span {font-size: 24px;}
.bannerText {text-align: center;}
.bannerText p {font-size: 16px;}

.pageDownIcon span,
.pageDownIcon span:before {width: 40px; height: 40px;}
.pageDownIcon span i {font-size: 26px; line-height: 40px;}

.btn1 {font-size: 16px; padding: 10px 25px;}

.title {font-size: 30px;}


.ourCompany .col-6 {padding: 30px 10px;}
.contact-page .fa-ul {margin-left: 0;}
.contact-page .fa-ul .fa-li{left: 0;}
.fa-ul>li {
    width: 100%; padding-left: 40px;
}

}

@media (max-width: 480px) {
    .serviceList .iconLeft {
        position: static;
        width: 100%;
        text-align: center;
    }

    .serviceList li {
        padding: 10px;
        text-align: center;
    }
    .fa-ul>li{ width: 100%;}
.ourCompanyImg, .missionBG, .whatWeDoBG, .visionBG {height: 300px;}

}

@media (max-width: 375px) {}