@media (max-height: 720px) {
  .overlay-menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;
   padding: 70px 15px 15px 15px;}
   
}

@media (min-width: 992px) {
  .btn-close:hover {background: white;}
  .btn-close:hover span{background: #151515;}
  .overlay-menu ul{text-align: center;}
  .overlay-menu ul > li:hover > ul{visibility: visible; opacity: 1; left: 100%;}
  .overlay-menu ul > li:hover > a:before{width: 100%;}
  .overlay-menu ul > li > ul > li a:hover{color: #dfcd50;}
}
@media (max-width: 991px) {
  .overlay-menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;
   padding: 70px 15px 15px 15px;}
  .overlay-menu a{float: left;}
  .overlay-menu ul{position: relative; float: left; text-align: left;}
  .overlay-menu ul > li > span{position: absolute; display: block; z-index: 55; height: 45px; width: 45px; margin-top: -10px; right: 0;
   cursor: pointer;}
  .overlay-menu ul > li > span:before{content: ""; position: absolute; top: 22px; left: 13px; height: 1px; width: 18px; background-color: white;}
  .overlay-menu ul > li > span:after{content: ""; position: absolute; top: 13px; left: 22px; height: 18px; width: 1px; background-color: white;}
  .overlay-menu ul > li.active.clicked span:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 0;}
  .overlay-menu ul > li {margin: 0;}
  .overlay-menu ul > li > ul{position: relative; float: left; margin: 0; transform: none; background-color: inherit; left: 10px;
   padding: 0px; visibility: visible; opacity: 1; display: none; transition: none; -webkit-transition: none;-ms-transition: none;
   -moz-transition: none;}
  .clicked:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 0;}
  .overlay-menu ul > li > ul li a{padding: 0px;}
  .overlay-menu ul > li.active.clicked ul li{padding: 10px 10px 10px 0; height: auto;}
  .overlay-menu ul > li.active.clicked ul li a{font-size: 14px;}
    .btn-close{top: 15px; right: 15px;}
}


@media (min-width: 1200px) {
  .button-close:hover:before,
  .button-close:hover:after{background-color: #dfcd50;}
  .popup-wrapper.z-lower{z-index: 11;}
}
@media (max-width: 1199px) {
  .popup-wrapper{z-index: 150;}
}
@media (max-width: 767px) {
  .popup-align{padding: 50px 15px 50px 15px;}
  .logo img{ width:100%;}
  .revolution_slider{ margin-top:73px; z-index:1;}
  .overlay-menu ul{ padding:0 30px;}
  .abapqet a{ font-size:13px;}
  .abapqet{ top:22px; right:38px;}
  .abapwb{ margin-top:0;}
  .cpupopb ul li .cpupopbs.upcoming:before{ content:''; top:-26px; transform: none; left:-26px;}
  .project_slider .carousel-caption{ padding:20px;}
  .project_slider .carousel-caption ul li{ padding:15px 7px; font-size:15px;}
  .abapwb{ padding:0 0 20px 0;}
  .abaptabb{ padding:0;}
  .abaptabb .nav-tabs > li{ padding:0 5px;}
  .abaptabb .nav-tabs > li > a{ font-size:18px;}
  .abap_motto ul li .abap_mottos{ padding:30px 0; min-height: inherit;}
  .abap_motto ul li .abap_mottos h2{ margin-top:0;}
  .cpupopb{ padding:30px 0 20px 0;}
  .arkbapopgbt .nav-tabs{ position: static;}
  .arkbapopgbtcontr{ padding:0;}
  .arkbapopgbt{ padding:0;}
  .arkbapopgbtsimg{ padding:10px 0;}
  .arkbapopgbt .nav-tabs > li > a{ min-width:112px; padding:27px 0; font-size:17px;}
  .arkbapopgbt .nav-tabs > li{ float: none; display: inline-block;}
  .abap_motto{ padding:0;}
  .arkbapopgbtcontr a{ float: none; margin:10px 0; display: inline-block;}
  .quick_enq{ padding:0 30px;}
  .arkbapfb ul{ text-align: center;}
  .arkbapfb ul li{ padding:0 0 20px 0; width:100%;}
  .arkbapfbs ul li{ padding:0; text-align: center;}
  .arkbapsfb ul li:first-child p{ text-align: inherit;}
  .arkbapsfb ul li:last-child p{ float: none;}
  .main_slider .carousel-caption h2{ font-size:16px;}
  .main_slider .carousel-caption h3{ font-size:15px; margin:0;}
  .main_slider .carousel-caption h4{ font-size:18px;}
  .main_slider .explore{ bottom:10px;}
  .main_slider .explore a{ font-size:15px;}
  .main_slider .carousel-info{ position: absolute; padding:0; right:12px; top:5px;}
  .main_slider .slick-dots{ top:0; right:12px;}
  .arkogppsfb ul li p{ font-size:23px; padding:10px 10px;}
  .arkogppsfb ul li p span{ font-size:15px;}
  .arkogppsfb h2{ font-size:12px; letter-spacing:10px;}
  .arkogppsfb h4{ font-size:42px;}
  .arkogpb{ padding:20px 0;}
  .arkogppsfb{ padding:20px 0;}
  .arkogpsafb_tab .tab-content ul{ padding:0;}
  .arkogpfpb_tab .nav-tabs > li > a{ min-width:85px; min-height:62px; padding:10px 0; font-size:10px;}
  .arkogpfpb_tab .nav-tabs > li{ display: inline-block; vertical-align: top;}
  .arkogpsafb{ padding:0;}
  .arkogpsafb_tab{ padding:20px 0;}
  .arkogpfpb{ padding:20px 0;}
  .arkogpfpb_tab .tab-content{ padding:0;}
  .arkogpfpb_tab .tab-pane{ padding:0 15px;}
  .arkogpfpb_tab .tab-content h2{ text-align: center;}
  .arkogpfpb_tab .tab-content ul li .tab-contents{ border: none;}
  .arkogpfpb_tab .tab-content ul li{ padding:0; text-align:center;}
  .arkogpdbb h2 a{ font-size:20px; margin-left:20px;}
  .arkbapogpcaanafbs:last-child{ padding-left:0;}
  .arkbapogpcaanafb{ padding:20px 0;}
  .arkbapogpcaanafbs:first-child h2{ margin-top:0;}
  .project_enq{ padding:0;}
  .arkogpadbs:first-child{ padding:15px;}
  .arkogpadbs h2{ font-size:28px; text-align: left;}
  .arkogpadbs p{ text-align: left;}
  .arkogpadbs p a{ font-size:21px;}
  .arkogpadbs{ text-align: center;}
  .inner_banner{ margin-top:65px;}
  .quick_enq .input-group-addon{ width:100%;}
  .quick_enq .form-control.submit{ margin-top:20px; display: inline-block;}
  .quick_enq .form-control.submit{ width: auto;}
  .arkbapascp{ padding:20px 0;}
  .arkbapcubs ul li p small .fa{ position: absolute;}  
  .arkbapcubs ul li p{ margin:10px 0;}
  .arkbapcubs{ padding:5px 0;}
  .arkbapcubs.bg{ padding:20px;}
  .arkbapcubs h2{ text-align: center;}
  .joint_enq{ padding:15px;}
  .arkbapaub h2{ font-size:35px;}
  .arkbapctmb{ padding:0;}
  .arkbapctmb ul li{ padding:10px 0;}
  .arkbapocb{ padding:100px 0 25px 0;}
  .arkbapocb ul li{ padding:0;}
  .arkbapaub ul li{ width:100%; padding:7px 0;}
  .arkbapaub ul li p{ width:100%; max-width: inherit;}
  .arkbapaub{ padding:20px 0;}
  .arkbappieb{ padding:20px 0 0 0;}
  .arkbapogpbt ul li{ padding:10px 0;}
  .arkbapaub.gallery{ padding:0;}
  .arkbapogpgb{ padding:0 0 20px 0;}
  .arkbapfb{ padding:20px 0 0 0;}
  .arkbapsfb{ margin-top:0;}
  .arkbapcub{ padding:0;}
  .arkbapcumbs{ padding:10px 0;}
  .arkbapcumbs h2{ text-align: center; padding:0;}
  .project_enq .form-group{ padding:0;}
  .main_slider .on_logo{ right:0; left: 0;}
  .main_slider .carousel-info.ongoing{ padding:0;}
  .main_slider .on_logo img{ width:15%;}
  .qenquiry .modal-dialog{ width:100%; margin:0;}
  .qenquiry .modal-content{ padding:0;}
  .qenquiry_img{ padding:20px 0; border: none;}
  .qenquiry_img img{ width: auto;}
  .qenquiry .close{ right:24px; top:5px;}
  .arkogpsafb_tab .tab-content{}
  .main_slider .carousel-img img{ width:78%;}
  .main_slider .carousel-img{}
  .arkbapopgbtcont{ padding:0 15px;}
  .touch_enq{ padding:0;}
  .touch_enq .input-group-addon{ width:100%;}
  .touch_enq .form-control.submit{ margin-top:20px; display: inline-block;}
  .project_slider .slick-prev{ top:49%;}
  .project_slider .slick-next{ top:49%;}
  .arkogpsafb_tab .nav-tabs > li > a{ min-width: 115px; min-height: 115px; padding:20px 10px;}
    
}


@media (max-width: 1199px) {
  .popup-container.right{display: inline-block; position: relative; vertical-align: middle; width: 100%; position: relative;
   text-align: left; top: auto; right: auto;}
}


@media (min-width: 768px) {
  .login-popup .separator{position: relative; height: 100%;}
  .login-popup .separator:before{content: ""; position: absolute; display: block; height: calc(100% - 10px); width: 1px; top: 0;
   left: 50%; background-color: #e3e3e3;}
  .login-popup .separator .col-sm-6:nth-child(1){padding-right: 40px;}
  .login-popup .separator .col-sm-6:nth-child(2){padding-left: 40px;}
  
}


@media (min-width: 1200px) {
  header.header-style-2 .hamburger-icon{display: none;}
  .hamburger-icon-2:hover span:nth-child(1),
  .hamburger-icon:hover span:nth-child(1){bottom: 29px;}
  .hamburger-icon-2:hover span:nth-child(3),
  .hamburger-icon:hover span:nth-child(3){bottom: 13px;}
  .hamburger-icon-2.active:hover span:nth-child(1){bottom: 27px;}
  .hamburger-icon-2.active:hover span:nth-child(3){bottom: 15px;}
  header ul.header-menu > li > a:hover:before{height: 100%;}
  header ul.header-menu > li > a:hover{color: #fff;}
  header ul.header-menu > li > ul > li a:hover{color: #dfcd50;}
  header.header-style-2.open-style ul.header-menu,
  header.header-style-2.open-style .login-wrapper,
  header.header-style-2.open-style .basket,
  header.header-style-2.active ul.header-menu,
  header.header-style-2.active .login-wrapper,
  header.header-style-2.active .basket{visibility: visible; opacity: 1; -ms-transform: translateX(0px); -webkit-transform: translateX(0px);
   transform: translateX(0px);}
}
 

@media (max-width: 1199px) {
  header.header-style-2 .hamburger-icon-2,
  header.header-style-2 ul.header-menu,
  header.header-style-2 .login-wrapper,
  header.header-style-2 .basket{display: none;}
  header.scrolled,
  header{position: fixed; width: 100%; left: 0; top: 0; z-index: 20; padding: 5px 0;}
  .logo{height: 50px; line-height: 62px;}
  header .hamburger-icon{ position: absolute; right:20px; top:0;}
  .hamburger-icon-2 span:nth-child(1), .hamburger-icon span:nth-child(1){ bottom:27px;}
  .hamburger-icon-2 span:nth-child(3), .hamburger-icon span:nth-child(3){ bottom:5px;}
  .hamburger-icon-2 span:nth-child(2), .hamburger-icon span:nth-child(2){ bottom:16px;}
}

@media (max-width: 767px) {
  .hamburger-icon-2,
  .hamburger-icon{margin-right: 0;}
  .logo{margin-left: 0;}
}


@media (max-width: 1500px) {
    
    header ul.header-menu > li {margin: 0px; }
    header ul.header-menu > li > a {padding: 0 15px;}
   
}