/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - MOBILE DEVICES RESPONSIVE STYLES - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ 

/* - - - Quick Format Mobile - - - - */
.device .c-container { width: 100%; height:100%; }
.device .c-inside h1 { font-size: 50px; line-height: 55px; }
.device .c-inside span { font-size: 18px; line-height: 22px; }
.device .halfblack-btn span { font-size: 14px !important; line-height: 27px !important; padding: 7px 26px 4px 0; }
.device .skyblue-btn span { font-size: 14px !important; line-height: 27px !important; padding: 7px 26px 4px 0; }
.device .size11, .device .size12, .device .size13, .device .size14, .device .size15, .device .size16, .device .size17, .device .size18, .device .size20, .device .size21, .device .size22, .device .size24, .device .size25, .device .size27, .device .size30, .device .size32, .device .size34, .device .size36, .device .size38, .device .size40, .device .size42, .device .size44, .device .size46, .device .size48, .device .size50, .device .size52, .device .size54, .device .size56, .device .size58, .device .size60, .device .size62, .device .size64, .device .size66, .device .size68, .device .size70, .device .size72, .device .size74, .device .size76, .device .size78, .device .size80, .device .size90, .device .size100, .device .size120, .device .size140, .device .size150, .device .size160, .device .size180, .device .size200, .device .size250 { font-size: initial !important; line-height: initial !important; }
.device .width10, .device .width15, .device .width20, .device .width25, .device .width30, .device .width35, .device .width40, .device .width45, .device .width50, .device .width55, .device .width60, .device .width65, .device .width70, .device .width75, .device .width80, .device .width85, .device .width90, .device .width95, .device .width100 {width:100% !important;}
/* - - - Quick Format Mobile - End - */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - MOBILE DEVICES RESPONSIVE STYLES - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.device .fixed-left-popup{display:none;}
.device .training-accordion{margin:10px 0px;}
.device .navTrigger{display:block;}
@media screen and (max-width:1400px) {
    .project-list .item .overlay-title {
        font-size: 20px !important;
    }
    .rezidence-content .rez-list .item .explanation p{min-height:185px;}
}



@media only screen and (min-width: 1441px) and (max-width: 1920px) {
	.page-item .col{min-height: 100%;}
	.page-item ul li{font-size:16px; margin-bottom:15px;}
	.page-item .text p{font-size:16px; line-height:22px}
	nav.navWrap{margin-left:60px;}
	ul.navigation li a{font-size:16px;}
	.project-detail .project-detail-list ul li{margin-bottom:20px;}
}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
    
	.follosUsInside{padding:0;}
	.footerSocial li a:before{font-size:28px}
	.footer-top > div:nth-child(2){margin-right:0px!important;}
	.footer-top > div:nth-child(3){margin:0px 40px!important;}
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
	.page-item .col{min-height:350px}
	ul.navigation li a{font-size:15px;}
	.follosUsInside{padding:0;}
	.footerSocial li a:before{font-size:28px}

}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	.page-item .col{min-height:350px}
	ul.navigation li a{font-size:15px;}
	.follosUsInside{padding:0;}
	.footerSocial li a:before{font-size:28px}
	.footer-top > div:nth-child(2){margin-right:0px!important;}
	.footer-top > div:nth-child(3){margin:0px 40px!important;}

}

@media only screen and (max-width: 1366px){
	.container-special{width: 100%; margin: auto;  margin-left: 20px;  margin-right: 20px;}
}
@media only screen and (max-width: 1440px){
    .project-list .item:hover .overlay-title { bottom:65%; }
    .services-content .services-list .item .list { padding-bottom:40px; }
    .services-content .services-list .item:hover .overlay-title { bottom:60%; }
    .project-list .item .overlay .overlay-inside{padding-bottom:0;}
    .project-list .item .list{padding-bottom:20px;}
}

/************************************* MOBILE - PORTRAIT AND LANDSCAPE ************************************/
@media only screen and (min-width: 320px) and (max-width: 736px) { 
    .contact-info .mobile50{ width:82%!important;}
	.lang{display:none;}
    .checkbox input[type=checkbox].checkbox + label.css-label, input[type=checkbox].checkbox + label.css-label.clr{ left:4%; float:left; font-size:15px;}
	.home-about-content{margin: 20px 0px;padding: 15px;box-sizing: border-box;}
	.home-about-content > div {display:flex; flex-direction:column;}
	.home-about-content > div > div:first-child{order: 1;}
	.home-about-content > div > div:last-child{order: 2;}
	.home-about-content .item{text-align:center;}
	.home-about-content .title{margin-top:20px;}
	.home-about-content .subtitle{line-height:normal;}
	.home-about-content .btn-readmore{margin:10px auto;}

	.icon-list ul li span:first-child{width:100px;height:100px;}
	.icon-list ul li span:before{line-height:100px;}
	.icon-list-content{padding-bottom:10px;}

	
	.services-nav{display: none;}
	.services-content .services-list .item{width:50%;float:left;margin-bottom: 30px;}
	.services-content .services-list .item .title{font-size:14px!important;line-height:16px!important;padding-left: 10px;bottom: 0;}
        /*.services-content .services-list .item .overlay{display:none;} */
	.services-content .services-list .item .overlay-title{height: 100%;background: rgba(0,0,0,0.5);bottom: -15px;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 20px;z-index: 0;}
	.services-content .services-list .item:hover .overlay-title{bottom:-15px;}

	.rezidence-content .rez-nav{width:100%; right:0;}
	.rezidence-content .rez-nav a.owl-prev{float:left;}
	.rezidence-content .rez-nav a.owl-next{float:right;}
	.rezidence-content {margin:10px 0px;}

	.home-news-content{padding:0;}
	.home-news-inside {display:flex;flex-direction:column;padding: 0; width: 100%;}
	.home-news-inside > div{margin-bottom:20px;}
	.home-news-inside > div:first-child{order:2;}
	.home-news-inside > div:last-child{order:1;}
	.home-news-content .news-text .text {font-size: 15px;line-height: 24px;font-weight: normal;}
	.home-news-content .news-text .title{line-height:25px;}

	.info-content .info-content-inside ul{margin:0;}
	.info-content .info-content-inside{display:block;}
	.info-content .info-content-inside ul li a{border-radius:10px;}
	.info-content .info-content-inside ul li{margin-bottom: 10px;}
	.info-content .info-content-inside ul li a{ font-size:15px;}

	.project-detail{ margin: 0;}
	.project-detail .project-detail-list .head .title{width:100%;}
	.project-detail .project-detail-list .head .see-on-map{width:100%;margin: 20px 5px;}
	.project-detail .project-detail-list .head{padding-bottom:10px;}
	.project-detail .project-detail-list ul li{font-size:14px;}
	.project-detail .project-gallery{width:100%; margin:20px 0px;}
	.back-button{position:relative;width: 100%;text-align: center;left: 0; padding:30px 0px}
	.back-button a{float:left; text-align:center; width:100%;}

	.services-content{margin:10px 0px;}
	.breadcrumb{margin:10px 0px;}
	.breadcrumb ul li a{font-size: 11px!important;}

    .project-list .item .overlay{ display:none;}

    .cargo-select-area{margin-left:0!important;}
    .mngSlider .slides .slide-presuf{width:90%;}

    .about-gallery .item img {
        height: auto !important;
    }
	.about-gallery > div {width:50%!important;}
	.about-gallery > div > .item.h-780 {width:100%!important;}
	.about-gallery .item{width:50%; padding:0px 5px; margin:5px 0px;}

	.tabs-menu li{display: block;float: left; width:100%;}
	.tabs-menu li a{width: 100%;text-align:center;left: 0;}
	.tabs-menu li a:after{padding:0px 10px; box-sizing:border-box; width:85%; left:0; right:0; margin:0 auto; float:none; border-bottom:3px solid;}
	.projects-title-list{display: none;}
	.projects-list ul > li{margin:20px 0px}
	.projects-list ul li >div{margin-bottom:15px;}
	.tab{background: #f8f8f8; border-top: 1px solid #ececec;}
	.projects-ul li div p{font-weight:bold;}
	.projects-ul li div .item:before{content:'- ';}
	
	.page-item{margin-bottom:10px;}
	.page-item .col{min-height:100%; display:block;}
	.page-item .col .text{padding:15px;box-sizing:border-box;height: 100%!important;}
	.page-item ul{padding:0;}			
	.news-content .news-list ul li .img{width:100%;}
	.news-content .news-list ul li .img img{width:100%;}
	.news-content .news-list ul li .detail{width:100%; margin:10px 0px;}
	.video-content{padding: 20px 0px!important;}
	.video-content .video-list .item{width:100%;}

	.project-list .item:hover .overlay-title{bottom:65%;}

	/**footer starts here**/
	#footer { padding: 30px 0; }
	.footerMain { float: left; margin-left:0!important; }
	ul.footerMenu li {line-height: 30px;}
	ul.footerMenu li a { padding-left: 30px; width: 100%; font-size: 14px; }
	.footerTitle {text-align: center;margin-top: 0px;border-top: 1px solid #242424;padding-top: 15px;font-size: 18px;margin-bottom: 0px;}
	.footerSocial {text-align center;text-align: center; padding-bottom:30px;}
	.footerSocial li {float: none;display: inline-block;vertical-align: top;margin: 0 6px;}

	.fast-about {padding-left:20px;margin-bottom: 30px;}
	.fast-about p{font-size:12px;}
	.footerCall{margin: 20px 0px;width:100%;padding: 20px!important;padding-bottom: 0px!important;margin-bottom: 0px!important;}
	.leftCopyrightText{text-align:center;font-size: 14px;margin: 10px 0px;float: none;}
	.footer-policy{display:flex; flex-direction:column; justify-content:center; width:100%; align-items:center;}
	.footer-policy ul{/*display:flex; flex-direction:row; justify-content:center;*/ width:100%; margin:10px 0px;}
	.footer-policy ul li{display:inline-block; float:none;}
	.footer-policy ul li a{font-size:14px;}
	.copyright .rnd{text-align:center; width:100%;}
	.footer-contact-info{padding-left: 30px;float: left;}
	.footer-contact-info.callUs{text-align:center; width:100%; padding: 0;}
	.rnd{float: none;}
	.footer-bottom{text-align: center;}
	.map-click{text-align:center; width:100%!important; margin-top:60px; margin-bottom: 10px;}
	/**footer ends here**/

	/**home starts here**/
	.mngSlider .mainSlideTitle {font-size: 25px !important;padding: 0px 15px;}
	.mngSlider .mainSlideSubTitle { padding: 0 15px; font-size: 20px !important;}
	.mngSlider .c-inside {vertical-align: top !important;padding-top: 40px;}
	.mngSlider .mainSlideSlogan {font-size: 14px !important;line-height: 20px !important;padding: 0px 15px 40px !important;}
	/**home ends here**/

	/**meeting starts here**/
	.meeting-content { margin: 70px 0; } 
	.meeting-slider-wrap { margin-bottom: 100px; }
	.msw-title {font-size: 20px;line-height: 30px;padding-bottom: 15px;}
	.meeting-content .flex-direction-nav { display: none; }
	.meeting-videos .mv-title {font-size: 20px;line-height: 30px;font-family: 'Greta Sans Pro Lt';margin-bottom: 15px;}
	.video-item .video-desc {font-size: 18px;line-height: 20px;}
	/**meeting ends here**/ 

	/**references starts here**/
	.references-content {  margin: 70px 0; }
	.references-content .content-title { font-size: 24px; }
	.rc-list li {width: calc(100% / 3);padding: 30px 0;border-top: 1px solid #f0f0f0 !important;}
	.rc-list li:nth-child(1) { border: none !important; } 
	.rc-list li:nth-child(2) { border: none !important; } 
	.rc-list li:nth-child(3) { border: none !important; } 
	/**references ends here**/
 
	/**contact starts here**/
	.contact-form {  margin: 70px 0; }
	.contact-form .cf-title { font-size: 24px; } 
	.contact-form .frm-row.left, .contact-form .frm-row.right, .contact-form .frm-row.full { padding: 0 5px; }
	.contact-info{width:100%;}
	.map-show-btn{position: absolute; right: -43%;}
	/**contact ends here**/
 
	/*search result starts here*/ 
	.search-result .sr-list li { width: 100%; padding: 0 !important; } 
	/*search result ends here*/

	@media only screen and (max-width: 480px){
	.container-special{ margin-left: 0px;  margin-right: 0px;}
}

}

/************************************* MOBILE - PORTRAIT ************************************/
@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {
	
	.lang{display:none;}
	/* Footer */
	.fast-about {padding-left:20px;margin-bottom: 30px;}
	.fast-about p{font-size:12px;}
	.footerCall{margin: 20px 0px;width:100%;padding: 20px!important;padding-bottom: 0px!important;margin-bottom: 0px!important;}
	.leftCopyrightText{text-align:center;font-size: 14px;margin: 10px 0px;float: none;}
	.footer-policy{display:flex; flex-direction:column; justify-content:center; width:100%; align-items:center;}
	.footer-policy ul{/*display:flex; flex-direction:row; justify-content:center;*/ width:100%; margin:10px 0px;}
	.footer-policy ul li{display:inline-block; float:none;}
	.footer-policy ul li a{font-size:14px;}
	.copyright .rnd{text-align:center; width:100%;}
	.map-click {margin-top:60px; margin-bottom: 20px;}
	.follosUsInside{padding: 0px;}

	/* Contact Page */
	.contact-info { width: 100%; position:relative;}
	.map-show-btn { display: none;}
	#contact-map{height:500px;}
	.mapinfo-window{display:none!important;}
	.hr-form .frm-row .file-wrapper label{left: 65px;}
	.mngSlider .c-inside{vertical-align: middle!important;}	
	.hr-form .frm-row.left{ padding:0;}
	.hr-form .frm-row.right{padding:0;}
	.hr-form .frm-row.full .selectArrow{position: absolute; right: -10px; top: -15px;}
    .footer-policy ul li:after {display:none; }
}

/*** MOBILE - LANDSCAPE ***/
@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {

}

/************************************* TABLET - PORTRAIT AND LANDSCAPE ************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footerMain{ padding: 0 25px!important;}
    .lang {
        display: none;
    }
	.home-about-content{margin: 50px 0px;}
	.home-about-content div{display: block;padding: 0px 25px!important;}

	.about-gallery .item img{height:200px!important;}
	.about-gallery > div {width:50%!important;}
	.about-gallery > div > .item.h-780 {width:100%!important;}
	.about-gallery > div > .item.h-780 img{height:auto!important;}
	.about-gallery .item{width:50%; padding:0px 5px; margin:5px 0px;}

	.tabs-menu li{display: block;float: left; width:100%;}
	.tabs-menu li a{width: 100%; text-align:center;}
	.tabs-menu li a:after{padding:0px 10px; box-sizing:border-box; width:85%; left:0; right:0; margin:0 auto; float:none; border-bottom:3px solid;}
	.projects-title-list{display: none;}
	.projects-list ul > li{margin:20px 0px}
	.projects-list ul li >div{margin-bottom:15px;}
	.tab{background: #f8f8f8; border-top: 1px solid #ececec;}
	.projects-ul li div p{font-weight:bold;}
	.projects-ul li div .item:before{content:'- ';}
    .footer-top > .item { min-height: 160px; }


	/**footer starts here**/
	#footer { padding: 30px 0; } 
	.map-click:before {width: 30px;height: 70px;}
	.map-click img { width: 100%; }
	.copyright {padding-top: 30px;} 
	.leftCopyrightText{width:100%;text-align:center;margin-bottom: 20px;}
	.footer-policy{display:flex; flex-direction:row; justify-content:center; width:100%;}
	.rnd{display:block; width:100%; text-align:center; margin:10px 0px}
	/**footer ends here**/

	/**home starts here**/ 
	.mngSlider .mainSlideTitle {font-size: 35px !important;padding: 0px 15px;}
	.mngSlider .mainSlideSubTitle { padding: 0 15px; font-size: 20px !important;}
	.mngSlider .c-inside {vertical-align: middle !important;padding-top: 40px;}
	.mngSlider .mainSlideSlogan {font-size: 28px !important;line-height: normal !important;padding: 0px 15px 40px !important;}
	/**home ends here**/

	/**meeting starts here**/
	.meeting-content { margin: 70px 0; } 
	.meeting-slider-wrap { margin-bottom: 100px; }
	.msw-title {font-size: 20px;line-height: 30px;padding-bottom: 15px;}
	.meeting-content .flex-direction-nav { display: none; }
	.meeting-videos .mv-title {font-size: 20px;line-height: 30px;font-family: 'Greta Sans Pro Lt';margin-bottom: 15px;}
	.video-item .video-desc {font-size: 18px;line-height: 20px;}
	/**meeting ends here**/

	.contact-form .frm-row button { width: 100%; margin: 0 auto; }
	.contact-info{width:50%;}
	
}


/************************************* TABLET - PORTRAIT ************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.rezidence-content .rez-nav{width:100%;}
	.rezidence-content .rez-nav a.owl-prev{left:25px;position: absolute;}
	.rezidence-content .rez-nav a.owl-next{right:0px;position: absolute;}
	.rezidence-content{margin-bottom:50px;}
	.home-news-inside{padding:25px;display: flex;flex-direction: column;}
	.home-news-inside > div:nth-child(1){ order:2;}
	.home-news-inside > div:nth-child(2){order:1;margin-bottom: 30px;}
	.home-news-content .news-text .text {font-size: 15px;line-height: 24px;font-weight: normal;}
	.home-news-content .news-text .title{line-height:25px;}
	.info-content .info-content-inside{display:block; padding:0px 25px;}
	.info-content .info-content-inside > div{margin-bottom:30px;}
	.about-gallery .item img{height:150px!important;}
	.services-content .services-list .item{width:50%; margin-bottom:25px;}	

	.projectList .page-item .text{height:auto!important;border: none;}
	.projectList .page-item:nth-child(odd) > div:nth-child(2){text-align:center; float:left;}
	.projectList .page-item:nth-child(even) > div:nth-child(2){float:left;text-align: center;}

	/**footer starts here**/ 
	.map-click {margin-top: 60px; margin-bottom: 20px;} 
	.footer-top{padding:0px 25px;border-bottom: none;}
	.footer-top > div .footerTitle{text-align:center;}
	.footer-top .footerSocial{display:flex; flex-direction:row; justify-content:center;}
	.footer-contact-info.callUs{display:block; float: left; width: 100%; text-align: center;}
	.footer-bottom{padding:0px 25px!important;box-sizing:border-box;}
	.contactFooterDiv{border-top:1px solid #242424; margin-top:20px}
	.contactFooterDiv .fooContact{padding:20px 0px;margin: 0;}
	.followUs{border-top:1px solid #242424; margin-top:20px}
	.followUs .footerTitle{padding:10px 0px;}
	/**footer ends here**/

}


/************************************* TABLET - LANDSCAPE ************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
	.services-content .services-list .item .title{padding-left: 20px; font-size:20px!important; line-height:22px!important;}
	.services-content .services-list .item:hover .overlay-title{bottom:60%;}
	/**footer starts here**/ 
	.map-click {margin: 10px 0px;} 
	.footer-top > .item {display:block; float:left; width: 50%!important; height:200px}
	/**footer ends here**/
}

@media only screen and (min-width: 768px){
	.mngSlider .mainSlideTitle {font-size: 22px; padding: 0px 0px; margin-top: 15px}
	.mngSlider .c-inside { padding-top: 80px;}
}



/************************************* MOBILE & TABLET - PORTRAIT AND LANDSCAPE ************************************/
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.navTrigger{display:block;}
	.web-visible { display:none !important; }
	.mobile-visible { display:block !important; } 
	.mobileLangOptions{display:block;}

	/**header starts here**/
	.topHeader { display: none; } 
	.headerMain { height: 64px; }
	.logoWrap {transform: inherit;margin: 16px 0 16px 10px;}
	.logoImg {width: 100%;max-width: 250px;}
	.footerLogoWrap .logoImg {width: 100%;max-width: 250px;}
	.logoText {font-size: 16px;line-height: 16px;margin-left: 10px;}
	.headerSearch {width: 100%;max-width: 100%;background: #eeeeee;padding: 0 25px;margin: 0;display: none;}
	.headerSearch input[type="text"] {height: 46px;line-height: 46px;padding-right: 20px;background: transparent;border-bottom: none;}
	.headerSearch button {width: 46px;height: 46px;right: 25px;}
	.headerSearch button span:after {right: 0;font-size: 46px;}
	.headerSearch .searchMsg {right: 25px;width: calc(100% - 50px);bottom: -25px;}
	.mobileSearch { display: block; }
	/**header ends here**/

	/**home starts here**/
	.mngSlider .flex-control-nav {display: block;bottom: 15px;}
	.mngSlider .flex-direction-nav { display: none; }
	.mngSlider .down-btn {bottom: 40px;}
	.main-references { margin: 70px 0; }
	.main-references .mr-title { font-size: 30px;  }
	.main-references .mr-sub-title { font-size: 18px; } 
	/**home ends here**/

	.home-news-inside > div {width:100%!important;}

	/** Accordioan Events Starts Here **/
	.accordion { padding: 0px; }  
	.accordion .acc-click {font-size: 20px;height: 60px;line-height: 60px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.accordion .acc-click:before {content: "";color: #1f9bde; background: #fff; transition: background .2s linear; float: left;width: 12px;height: 12px;border: 2px solid #1e9bde;border-radius: 50%;top: calc(50% - 6px);position: absolute;left: 0;box-sizing: border-box;}
	.accordion .acc-content-inside {font-size: 16px;padding: 0 0 30px;}
	.accordion .acc-content-inside img{max-width:100%;margin-bottom: 15px;}
	/** Accordioan Events Ends Here **/

	/**aboutus starts here **/
	.aboutus-content {  margin: 70px 0; }
	/**aboutus ends here **/


	/*search result starts here*/
	.search-result .srb-top { margin: 10px 0; }
	.search-result .srb-title { font-size: 24px; }
	.search-result .srb-top p { font-size: 16px; line-height: 20px; }
	.search-result .srb-bottom { margin-bottom: 0; } 
	.search-result .sr-list li a {padding: 15px 30px 15px 30px;font-size: 20px;line-height: 30px;}
	.search-result .sr-list li a:before {font-size: 30px;line-height: 30px;top: calc(50% - 15px);}
	.search-result .sr-list li a:after {font-size: 30px;line-height: 30px;top: calc(50% - 15px);}
	/*search result ends here*/

	
	/**content starts here**/
	.content-title { font-size: 38px; } 
	.content-top { padding: 30px 0; }
	.content-top .ct-title { font-size: 30px; }
	.content-top p { font-size: 16px; }
	.content-bottom { margin: 30px 0 50px; }
	.content-bottom .ct-subtitle { font-size: 24px; }
	.content-bottom .ct-subtitle2 { font-size: 20px; }
	.content-bottom p { font-size: 16px; line-height: 20px; }
	.content-bottom .clist { font-size: 16px; line-height: 20px; }
	/**content ends here**/

	.footerLangOptions{width:75px; height: 30px; float:none; clear:both; margin: 20px auto;}
	.follosUsInside{padding: 0;}



	/** toggleBounceBottom Starts Here **/
	@-webkit-keyframes toggleBounceBottom {  
		from { bottom: 30px;  }
		to { bottom: 50px; }
	}
	@-moz-keyframes toggleBounceBottom { 
		from { bottom: 30;  }
		to { bottom: 50px;}
	}
	@-o-keyframes toggleBounceBottom { 
		from { bottom: 30;  }
		to { bottom: 50px;}
	}
	@keyframes toggleBounceBottom { 
		from { bottom: 30;  }
		to { bottom: 50px;}
	}
	/** toggleBounceBottom Ends Here **/
}

@media only screen and (min-width: 1024px) and (max-width: 1243px) {
	nav.navWrap { margin-left: 1%; }
	ul.navigation > li {margin-right: 10px;}
	ul.navigation li a {font-size: 16px;}
}

/*Main Page Start Here*/
@media only screen and (max-width: 1366){
	.container-special{width: 100%;}
	.follosUsInside { padding-right: 0px;}
}
@media only screen and (max-width: 1280px){
	.follosUsInside { padding-right: 0px;}
	.filo-tablo-area{padding: 0 20px;}
	.scheduled-cargo-content{margin: 35px 20px 35px 20px; text-align: justify;}
	.mngSlider .mainSlideSlogan{font-size: 18px !important;display: none;}
}


@media only screen and (max-width: 1024px){
    nav.navWrap {display: none	; }
	.mapArea .mapContent{ left: 21%;}	
	.footer-top > .item{width: 45%;}
	.contactFooterDiv{ margin-top: 0px;}	
	.footer-top > .item {width: 22.833%;}	
	.aboutus-content {padding: 0 20px;}
	.footerSocial li a:before { font-size: 17px;}
	.container .aboutus-content .accordion .acc-item .acc-content .acc-content-inside .select-control .form-control{width: 100%; margin: 30px 0px 10px 0;}
	.container .aboutus-content .accordion .acc-item .acc-content .acc-content-inside .select-control .form-search{margin: 10px 0 25px 0;}
	.container .aboutus-content .accordion .acc-item .acc-content .acc-content-inside .select-control .form-search button {height: 65px;}
	.cargo-select-l {margin-bottom: 20px;}
	.cargo-select-area{padding: 0 20px!important;}
	.cargo-select-area ul li{padding-right: 20px; padding-left: 20px;}
	.cargo-select-area .map-see-area:before{margin-left: 0px;}
	.main-references ul.references-content li {width: 33%;}	
	.services-details{padding: 0 20px;}
	.map-show-btn{position:absolute; right: 0%; align-items: flex-end;}
    .container .aboutus-content .accordion .acc-item .acc-content .acc-content-inside .contact-area{ min-height:unset;}
	
}
@media only screen and (max-width: 768px){		
	.tabcontentArea span{display: block; margin: auto; margin-bottom: 20px;}
	.tabcontentArea .questioningContent { width: 100%; padding: 0 20px; margin-bottom: 10px;}
	.tabcontentArea .questioningContent .tabcontent .form-number{width: 100%; margin-bottom: 20px;}
	.tabcontentArea .questioningContent .tabcontent .form-number-beyyanneme{width: 100%; margin-bottom: 20px;}
	.tabcontentArea .questioningContent .tabcontent span.fly{ right: -30px;}
	.tabcontentArea .questioningContent .tabcontent span.fly-beyyanneme{ right: -30px;}
	.mapArea .mapContent {left: 0; width: 80%; margin: auto; position: inherit;}	
	.footer-top > .item {width: 100%;border:none;}
	#footer .footerMain .footer-top .followUs-tab{margin-top: -20px;}
	.airlinesTxt p {padding: 0 20px;}	
	ul.footerMenu li{float: none; text-align: center;}
	ul.footerMenu li img{margin: 12px 0;width: 50px;}
	ul.footerMenu li a{float: none; text-align: center;  display: block;}
	.footerLogoWrap{float: none; text-align: center;}
	#footer .footerMain .footer-top .followUs-tab { margin-top: 10px;  border: none;}
	.footer-top .footerSocial{border:none;}
	.footerSocial li a:before { font-size: 28px;}
	.project-detail{padding: 30px 40px;}
	.p-message .accordion .acc-item .acc-content .acc-content-inside .massage-img img{width: 100%; margin-bottom: 50px;}
	.container-special{margin-right: 0px; margin-left: 0px;}
	ul.footerMenu li a{font-size: 16px;}
	.footerLogoWrap .logoText{ font-size: 16px; margin-top: 11px; display: block;}
	.footerTitle{text-align: center;}
	ul.footerSocial{float: none;  width: 100%; margin: auto;}
	.footer-contact-info span{ width: 100%; margin: auto;}
	.leftCopyrightText{margin-top: 45px;}
	.mainSlide-miniTitle{padding: 0 20px;}
	.contact-form{padding: 0 20px;}
	.contact-form .frm-row button{margin-left: 0;}
	.mngSlider .mainSlideTitle{float: none;font-size: 55px!important;}
	.filo-tablo-area .filo-detail ul.two-detail li p{ margin-left: 0;}
	.filo-tablo-area ul li.fly-cargo {position: relative; left: -15px;}
	.mngSlider .mainSlideTitle {width: 60%;}
	.map-show-btn{position:absolute; right: 0%; width: 40%!important;}
    .career {padding:15px; }

    .contact-form .suf-perc3, .contact-form .pre-perc3{ margin-left:0!important; margin-right:0!important;}
    .contact-form .suf-perc4, .contact-form .pre-perc4{ margin-left:0!important; margin-right:0!important;}

    .apply-form .pre-perc2{ margin-left:0!important; margin-right:0!important;}


}
@media only screen and (max-width: 640px){	
	.questioningArea{width: 100%;}
	div.tab{text-align: center;}
	div.tab button{float: none;padding: 15px 15px; width: 49.7%;}
	.mapArea .mapContent {left: 0; width: 80%; margin: auto; position: inherit;}
	.rezidence-content{ margin-top: 65px!important;}
	.rezidence-content .rez-list .item .title{ line-height: 25px;}
	.footer-top > .item{width: 100%;}
    .footer-top > .item.phone50{width:100%!important;}
	ul.footerMenu{text-align: center;}
	ul.footerMenu li a{padding-left: 0px;}
	.footer-contact-info { padding-left: 0; float: left;  width: 100%;}	
	.footerLogoWrap {float: none;vertical-align: middle;width: 100%;margin: auto;margin-top: 10px;}
	.main-references ul.references-content li {width: 100%;}
	.mapArea .mapContent select.form-control{ width: 270px;}
	.pager ul li{ margin: 0px 5px;}
	.pager ul li ul.pager-number li{ padding: 0px 0px!important;}
}
@media only screen and (max-width: 480px){	
	div.tab button{width: 100%;}
	.tabcontentArea .questioningContent .tabcontent span.fly{display: none;}
	.tabcontentArea .questioningContent .tabcontent span.fly-beyyanneme{display: none;}
	.mapArea .mapContent select.form-control {width: 90%;}
	.airlinesTxt p {padding: 0 20px;}
	.rezidence-content .sub-title p{padding: 0 20px;}
	div.tab button.active:after{width: 90%;}
	.mngSlider .mainSlideTitle {font-size: 40px !important;padding: 0px 15px;width: 80%;}
}
@media only screen and (max-width: 414px){	
	.mapArea{height: 260px;background-size:cover!important;}
	.footer-top > .item {}
	.pager ul li{ margin: 0px 0px;}
}
@media only screen and (max-width: 375px){	
	.pager ul li ul.pager-number li { padding: 0px 5px;}
}
@media only screen and (max-width: 325px){	
	.pager ul li ul.pager-number li { padding: 0px 0px;}
	.mapArea .mapContent select.form-control {width: 200px;}
}