@media screen and (max-width: 1599px){
.white-sec .img-right-100 img { width: calc(75% + 135px); max-width: none;}
.client_sec .img-left-100 img { width: calc(75% + 135px); max-width: none; margin-left: -30px;}
}
@media screen and (max-width: 1400px){

.white-sec .img-right-100 img { width: calc(100% + 0px); max-width: none;}
.client_sec .img-left-100 img { width: calc(100% + 0px); max-width: none; margin-left: 0px;}
	
    .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: 40px;
        line-height: 50px;
        margin-top: 100px;
        margin-bottom: 5px;
    }
    .banner_caption h5 {
	    font-size: 22px;
	    line-height: 30px;
    }
	.text-left-p { padding-left: 15px;}
	.text-right-p { padding-right: 15px;}
	
    .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:#fff;}
	.click_menu { width: 12px; height: 12px; position: absolute; right: 10px; cursor: pointer; top: 20px; border-style: solid; cursor: pointer; transform: rotate(45deg);
    border-width: 0 3px 3px 0; padding: 3px; background-position: right; z-index: 999;color: #fff;}
	.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;background: #1b1b1c;}
	ul.topmenu li.open2 > ul.sub-menu{    display: block;       transition: all 0.3s;}
	.topmenu ul {margin-left:0; display:none;}
/***********toggle_menu_end***************/

/*27.01.2021*/
ul.topmenu li:hover .sub-menu {
   visibility: visible;
    display: block !important;
}
/*27.01.2021*/
}
@media screen and (max-width: 782px){
    .logged-in .header{
    margin-top:46px;
    }
    }
@media screen and (max-width: 767px){
	
.client_sec .row-reve{ flex-direction: column-reverse;}
.white-sec .img-right-100 img { width: calc(100% + 0px); max-width: none; margin-top:50px;}
.client_sec .img-left-100 img { width: calc(100% + 0px); max-width: none; margin-left: 0px; margin-bottom:50px;}
.client_sec { padding: 70px 0;}
.white-sec { padding: 70px 0;}
.get_in_touch_sec { padding: 70px 0;}
.inner_banner figure img { height: 220px;}
.text_sec h4{ padding-bottom:45px;}
.img-h-100{ margin-bottom:50px; }
.client_sec .tab-btns .nav-tabs { width:200%; margin-bottom:10px; justify-content: start;} 
.client_sec .tab-btns { overflow-x: auto; margin-bottom:60px;}
.client_sec .tab-btns .nav-tabs .nav-item.show .nav-link, .client_sec .tab-btns .nav-tabs .nav-link.active { color:#eb5f53; border-bottom: none;}
.client_sec .tab-btns .nav-tabs .nav-link{ border-bottom: none;}  

.clientlogo_sec .nepage_slider .slick-arrow { display:inline-block !important; margin-top: -9px;}
.clientlogo_sec .nepage_slider .slick-slide img{ max-width: 48%; }  

    .video_desktop{
    display: none;
}
    .banner_caption h1{font-size: 36px; line-height: 40px; margin-top: 30px;}
    .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;}
    .Early_Years 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: 50px;
        color: #FFF;
		margin-left: -10px; 
    }
	
	
	
    .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: 50px;
        color: #FFF;
        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;    background: #1b1b1c;}
    .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; height: 550px;}
    .banner_sec video{ height: 550px;}
    .banner_sec .big-container{ height: 550px;}
	/*27.01.2021*/
	.banner_65vh{margin-top: -54px; height: 450px !important;}
    .banner_65vh video{ height: 450px !important;}
    .banner_65vh .big-container{ height: 450px !important;}

	/*27.01.2021*/
	
    .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;} 
    .Early_Years h3{font-size: 30px; line-height: normal; margin-bottom: 30px; text-align: center;}
    .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: 30px; 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;
    }
    
    .nav-icon {
		top:16px;
	}
	
	.history_sec img{ width:45%; margin-bottom:50px;}
	.Leadership_Team .team-box{ padding:0px 15px;}
	
	.plan_section h1 { font-size: 25px; line-height: 30px;	margin-bottom: 30px;}
	.enterprise_plan { margin-top: 20px;}
	.plan_section { padding: 60px 0; }
	.video_section .heading h2.platform{padding-bottom: 20px;}
	.video-page-box .video-page-text h2 { margin-top: 15px;}
	.video-page-box .video-page-text p { margin-bottom: 40px;}
	.blog_detail_page { padding-top: 60px; padding-bottom: 60px;}
	.Early_Years { padding: 0;}
    
}
@media screen and (max-width: 575px){
    .banner_caption h1 br{display: none;} 
	.client_sec .tab-btns .nav-tabs { width:230%;} 
	.banner_65vh {margin-top: 0;height: 490px !important;}
	.banner_65vh video {height: 490px !important;}
	.banner_65vh .big-container {height: 490px !important;}
	.banner_caption {max-width: 100%;}
	
}
@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;} 
	.client_sec .tab-btns .nav-tabs { width:324%;} 
}
@media screen and (min-width:992px) {
    nav ul li:hover>.sub-menu  {opacity: 1;visibility: visible;display: block !important;}
}