@media screen and (max-width: 1400px){
    .what_we_sec .even .text_box, .about_box_sec .even .text_box{
    padding-left: 15px !important;
    padding-right: 15px;
   
}
.what_we_sec .odd .text_box, .about_box_sec .odd .text_box{
    padding-right: 15px !important;
   padding-left: 15px;
}
    .recent_news_sec .row, .blog_page .row, .work_page .row, .career_sec .row, .recent_news_inner .row, .contact_form ul{
    margin-left: -15px;
    margin-right: -15px;
}
.recent_news_sec .row [class*=col-], .blog_page .row [class*=col-], .work_page .row [class*=col-], .career_sec .row [class*=col-], .recent_news_inner .row [class*=col-], .contact_form ul li{
    padding-left: 15px;
    padding-right: 15px;
}
.about_detail_sec .row{
    margin-left: -15px;
    margin-right: -15px;
}
.about_detail_sec .row [class*=col-]{
    padding-left: 15px;
    padding-right: 15px;
}
/*
    .no-gutter {
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutter > [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}
*/
}
@media screen and (max-width: 1280px){
    nav ul li a.btn{margin-left: 0px;}  
}
@media screen and (max-width: 1199px){
    .banner_caption h1{
        font-size: 50px;
        line-height: 70px;
    }
    .inner_banner figure{height: 350px;}
      .blog_page, .work_page, .blog_detail_page{padding-top: 80px; padding-bottom: 100px;}
    .blog_page .heading, .work_page .heading{margin-bottom: 70px;}
    .recent_news_box, .work_box{margin-bottom: 50px;}
    .recent_news_inner{padding: 70px 0;}
    .contact_sec{padding: 80px 0;}
    .about_detail_sec{padding: 90px 0 0 0;}
    .about_detail_sec .heading{margin-bottom: 100px;}
    .map_address h1{font-size: 30px; line-height: 40px;}
}
@media screen and (max-width: 1024px){
    nav ul li{padding-right: 40px;}
}
@media screen and (max-width: 991px) {
    .about_sec_hm h2, .blog_page .heading h1, .work_page .heading h1, .about_detail_sec .heading h1{
        font-size: 30px;
        line-height: 40px;
    }
    .recent_news_box figure, .work_box figure{height: 250px;}
    main{padding-top: 61px;}
    .banner_sec{margin-top: -61px;}
   
    /***********toggle_menu_start***************/
	.nav-icon{display:block; position: relative; z-index: 99999;}
	.nav-icon.open:before{display:none;}
		
	.nav_bg { position: absolute;     right: 0; top: 0; border: 0;}	
	.open nav {width: 100%; right: 100%; padding:80px 15px 25px 15px;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease; }
	nav { position: fixed;top:0;width: 0;     height: 100%; right: -100%;  margin-right: -100%; float: none;z-index: 9999;background: #1b1b1c;overflow: auto; transition: all 2s ease;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease;-o-transition: all 2s ease;    max-height: calc(100%); padding-top: 80px;
    max-height: -webkit-calc(100%);
    max-height: -moz-calc(100%);}
	nav ul {width: 100%;max-width: 100%;  display: block; justify-content: normal;}
	nav ul li {    display: block;  float: none;  padding: 10px 0px;  margin: 0;     text-align: left;}
	.arrow{ color:#0a0028; }
	.arrow:hover, .arrow.active{  color:#0a0028; }
	nav > ul > li a {display: inline-block;     font-size: 26px;  line-height: 42px; position: relative;     z-index: 999999;     margin-right: 27px; transition: none;}
	nav ul li a:after, nav ul li ul:before{display:none;}
	nav > ul > li > ul > li {border: none; padding: 0px; padding:10px 15px;}
	nav > ul > li > ul > li:after {display: none;}
	.nav_bg ul li ul li:last-child{padding-bottom:0px;}
	nav ul{margin:0px;}
	.sub-menu {width: 100%;display: block;}
	.sub-menu ul{border:0px;}
	.sub-menu {position: static;opacity: 1;visibility: visible;display: none;transition: none;-o-transition: none;-webkit-transition: none;-ms-transition: none;-moz-transition: none;background: none;}
	nav ul {float:none; display: block; }
	nav > ul > li > ul > li a { font-size: 20px; color:#0a0028;}
	.click_menu { color:white; width: 12px; height: 12px; position: absolute; right: 10px; cursor: pointer; top: 12px; border-style: solid; cursor: pointer; transform: rotate(45deg);
    border-width: 0 3px 3px 0; padding: 3px; background-position: right; z-index: 999;}
	.open2 > .click_menu { transform: rotate(-135deg); top: 22px;   background-position: left;}
	ul.topmenu li .sub-menu {  position: relative;  width: 100%; top: 0; left:0;}
	ul.topmenu li .sub-menu { opacity: 1; z-index: 99;   transition: all 0.3s; }
	ul.topmenu li .sub-menu li { display: block; text-align: left;  width: 100%; padding: 6px 15px;}
	ul.topmenu li.open2 > ul.sub-menu{    display: block;       transition: all 0.3s;}
	.topmenu ul {margin-left:0; display:none;}
/***********toggle_menu_end***************/
}
@media screen and (max-width: 782px){
    .logged-in .header{
    margin-top:46px;
    }
    }
@media screen and (max-width: 767px){
 
    .video_desktop{
    display: none;
}
    .banner_caption h1{font-size: 36px; line-height: 44px;}
    .about_sec_hm h2, .about_sec_hm h2, .blog_page .heading h1, .work_page .heading h1, .about_detail_sec .heading h1, .get_in_touch_sec h4{font-size: 26px; line-height: 34px;}
    .about_sec_hm{padding: 90px 0;}
    p, .about_sec_hm p, .career_sec p, .blog_details p, .work_text p, .about_detail_box p, .text_sec p, .text_sec ul li{font-size: 18px; line-height: 24px;}
    .recent_news_text p, .recent_news_text p a, .recent_news_text p a:hover{font-size: 20px; line-height: 26px;}
    .history_sec p{font-size: 20px; line-height: 28px;}
    .recent_news_sec{padding: 50px 0;}
    .client_sec .heading h2{font-size: 28px; line-height: 48px; padding-bottom: 60px;}
    .career_sec h1{font-size: 24px;}
    .career_sec p, .blog_details p{margin-bottom: 40px;}
    .client_slider .slick-track{text-align: center;}
    .work_text h3{font-size: 14px;}
    .client_slider .slick-prev{
        position: absolute;
        top: 50%;
     transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
        margin-top: -40px;

    }
    .client_slider .slick-next{
        position: absolute; 
        margin-top: -40px;
          top: 50%;
     transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
        right: 0;
        background: none;
        border: none;
        font-size: 0;
    }
    .client_slider .slick-next:before{
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        font-size: 30px;
        color: #000000;
    }
    .client_slider .slick-prev{
        position: absolute; 
        margin-top: -40px;
          top: 50%;
     transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
       
        background: none;
        border: none;
        font-size: 0;
    }
    .client_slider .slick-prev:before{
        content: "\f104";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        font-size: 30px;
        color: #000000;
        margin-left: -5px;
    }
    .client_logo_box figure img{margin: auto;}
    .footer{padding-top: 75px; padding-bottom: 50px;}
    .footer_info{margin-top: 60px;}
    .footer_top figure{margin-bottom: 60px; width: 50px; height: auto;}
    .logo{width: 150px; position: relative; z-index: 99999;}
    .footer_top h3, .footer_top a{font-size: 18px; line-height: 26px;}
    .footer_info h4, .footer_info p, .footer_info ul li a{font-size: 14px; line-height: 24px;}
    .footer_bottom{margin-top: 30px;}
    .footer_info h4{padding-bottom: 0px;}
    .blog_page, .work_page, .blog_detail_page{padding-top: 80px; padding-bottom: 100px;}
    .blog_page .heading, .work_page .heading{margin-bottom: 70px;}
    .recent_news_box, .work_box{margin-bottom: 50px;}
    main{padding-top: 54px;}
    .banner_sec{margin-top: -54px;}
    .inner_banner figure{height: 250px;}
    .desktop_banner{display: none;}
    .mob_banner{display: block;}
    .career_sec{padding: 80px 0;}
    .blog_social h1{font-size: 21px; padding-bottom: 10px;}
    .blog_details h2{font-size: 28px; line-height: 36px;}
    .blog_social{margin-bottom: 30px;}
    .blog_details figure{margin-bottom: 20px;}
    .recent_news_inner{padding: 70px 0;}
    .contact_form ul li{width: 100%;}
    .contact_form ul li{margin-bottom: 30px;}
    .contact_form ul li label{font-size: 18px;}
    .contact_form ul li input, textarea, input[type=email], input[type=text], textarea{height: 45px;}
    .contact_form ul li input[type=submit]{height: 50px; line-height: 50px;}
    .about_detail_box h3{font-size: 24px;}
    .about_detail_box{margin-bottom: 80px;}
    .about_detail_box + .about_detail_box{border: none;}
    .history_sec h3{font-size: 30px;}
    .history_sec h3 br{display: none;}
    .about_box_sec .odd, .about_box_sec .even, .what_we_sec .even{flex-direction: column-reverse;}
    .about_box_sec .text_box{padding-top: 50px;}
    .about_box_sec .text_sec, .what_we_sec .text_sec{padding-bottom: 50px;}
    .what_we_sec .line{margin-bottom: 50px;}
    .text_sec h4{font-size: 22px; line-height: 29px;}
    nav ul li a.btn{padding: 0px; border: none; font-size: 26px; line-height: 42px; height: inherit; text-transform: capitalize; text-align: left;}
    .img_sec img{min-height: inherit;}
    .map_address{text-align: center;}
    .map_address h1{font-size: 22px; line-height: 32px;}
    .map_address span{font-size: 14px;}
    .map_port{height: 250px;}
    .map_address{
       left: 0;
        right: 0;
        margin: auto;
    }
}
@media screen and (max-width: 575px){
    .banner_caption h1 br{display: none;}
}
@media screen and (max-width: 479px){
    .recent_news_box figure, .work_box figure{height: 200px;}
    .footer_info h4, .footer_info p, .footer_info ul li a{font-size: 12px;}
}
@media screen and (min-width:992px) {
    nav ul li:hover>.sub-menu  {opacity: 1;visibility: visible;display: block !important;}
}