@media (min-width: 1600px) and (max-width: 1920px) {
  
    /* .beer-slider[data-beer-label]:after {
        right: 42.5rem;
        top: 58%;
    } */

    .ide-gry-box{ height: 800px;}
    .sld-wrp .swiper-button-next{left: 32%;}
    .caption-sld{left:41%;}
    .sld-wrp .swiper-pagination-fraction{ left:41%;}
    .sec-ttle{ font-size: 150px; width: initial;}

}

/* Large */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  
}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}



/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
.fixed-container,.about-inner-wrp{ width:100%;}
.head-top-band{ height: auto;padding: 0px 15px;}
.main-nav-wrp{ padding: 8px 15px;}
.hed-tp-lhs p a{ font-size: 9px; display: inline-block;}
.banner-home{ position: relative;}
.hed-tp-lhs p br{ display: block;}
.hed-tp-rhs br{ display: block;}
.bnr-txt {font-size: 20px;top: 70%;left: 50%;z-index: 2;margin-left: -60px;}
.benefits-lhs-wrp{ height:auto; margin-bottom: 30px;}
p.benefit-desc{ font-size: 28px;}
.nav-lhs ul{ display: none;}
.nav-rhs{ display: none;}
.about-wrp {padding: 30px 15px 0px;}
.common-sub-desc{ font-size: 24px;}
.benfits-wrp{ padding: 30px 15px 0px;}
.beer-handle{ background-size: cover;width: 88px;height: 29px;margin-top: -25px;margin-left: -44px;}
.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {width: 150px;height: 25px;background-color: transparent;}
.beer-reveal[data-beer-label]:after { background-size: contain;left: calc( 50vw - 75px);}
.beer-slider[data-beer-label]:after {left: calc( 50vw - 75px);background-size: contain;}
.pro-rng-ttle{ font-size: 54px; letter-spacing: -3px;}
.pro-range-box {margin-top: 0px;}
.pr-bg-1 {width: 100%;height: 265px;}
.pro-range-wrp {width: 100%;padding: 30px 0px 0px;}
.get-started-wrp {padding: 30px 15px 0px;}
.get-inner-wrp{ width:100%;}
.vrti-ttle {transform: none;transform-origin: initial;float: none;width: auto;text-align: center;}
.lhs-idea-txt {width: 100%;text-align: center;position: relative;bottom: 0px;right: 0px;}
.lhs-idea-txt a{ float: none; margin: 20px auto;}
.ide-gry-box {width: 100%;height: auto;padding-top: 0px;padding-right: 0px;float: none;}
.sld-wrp {position: relative;width: 100%;left: 0%;}
.sld-wrp .swiper-button-next, .sld-wrp .swiper-button-prev {width: 45px;height: 56px; top:68%;}
.sld-wrp .swiper-button-next{ left: initial; right: 0px;}
.sld-wrp .swiper-button-prev{ left: initial;}
.caption-sld {font-size: 24px;top: -64px;left: initial;width: 100%;text-align: center;}
.sld-wrp .swiper-pagination-fraction {bottom: initial;left: 37%;width: 147px;top: 20px;}
.tools-wrp {width: 100%;padding: 30px 15px 0px;text-align: center;}
.idea-wrp {width: 100%;padding: 30px 0px 0px;}
.vrti-ttle2 {transform: none; transform-origin: initial;width: 100%;position: relative;top: 0px; text-align: center;}
.blog-wrp-inner {padding: 0px 0px;position: relative;}
.blog-inner-box {width: 80%;height: auto;background-color: #000;position: relative;bottom: 0px;left: 0px;z-index: 1;padding: 35px 30px; margin: 0 auto;}
.blog-pic-box{ width:100%; height: 500px; float: none; padding-top: 35px;}
.stories-wrp-inner {width: 100%;margin: 0 auto;}
.stories-wrp-inner h2{ font-size: 100px;}
.stories-cvr-wrp {margin-top: 0px;}
.realtime-cvr {width: 100%;margin: 0 auto;padding: 120px 0px;}
.realtime-lhs p{ text-align: center;}
.realtime-rhs p{ text-align: center;}
.ftr-top-nav {padding: 30px 15px 30px;}
.ftb-btm {width: 100%;padding: 20px 15px 20px;height: auto;}
.lets-talk-wrp {width: 100%;padding: 30px 15px 30px 15px;text-align: center;}
.ftr-btm-rhs {text-align: center;}
.ftb-btm p{ text-align: center;}

.beer-slider{ height: 400px;}

.pro-glas-roc-grid, .fgw-rhs,.fgw-lhs,.app-area-wrp,.video-inner-cvr,.container-800-wrp{ width:100%;}
.video-wrp-inner{ height: auto;}
.fr-box-1{ width:100%; position:relative; top:0px;left:0px;}
.fr-box-1::before{ display: none;}
.fr-box-1::after{ display: none;}

.inner-banner h2 span {font-size: 20px;}
.inner-banner h2{ font-size: 28px;}
.inner-banner{ height: 300px;}
.req-cont-wrp{ padding: 0px 15px;}
.tb-cvr-full {padding: 20px 0px 20px;width: 100%;}
.tb-grid-lhs {padding: 0px 0px 20px 0px;}
.tb-grid-rhs{ margin-bottom: 20px;}
.fr-box-2 {width: 100%;position: relative;right: 0px;bottom: 0px;}
.frog-rhs {width: 100%;height: auto;background-image: url(../images/gls-roc-brd.png);background-repeat: no-repeat;background-position: center bottom;position: relative;background-size: contain;padding-bottom: 230px;}
.fgw-lhs img {position: relative;top: 0px;left: 0px;}
.app-area-box img { width:100%;}
.fgw-lhs{ height: auto;}
.fgw-rhs{ padding: 20px 0px;}
.fgw-box, .app-area-box{ text-align: left;}
.fgw-box img{ width:100%;}
.common-body-copy br{ display: none;}
.video-inner-cvr {margin: 0px auto 0px;height: auto;position: relative;padding: 20px 20px;}
.ply-icn {width: 74px;height: 74px;margin-top: -50px;margin-left: -40px;}
.ply-icn img{ margin: 0px;}
.td-lhs-wrp {padding: 0px 0px 0px 0px;}
.tech-d-box {margin: 20px 0px;}
.td-rhs{ margin: 20px 0px;}
.accordion .card-title{ font-size: 14px; line-height: 1;}
.accordion .card-header:after{ position: absolute; right: 20px;}
.accordion .card-body {padding: 10px 10px;}
.tab_container{ margin-bottom: 20px;}
.fgw-lhs img{ width: 100%;}

.cross-link-box span.cross-txt{ width: 100%; bottom: 0px; left:0px; margin-left: 0px;}
.pd-lr-40{ padding: 0px 15px;}
.cross-link-box{ margin-bottom: 20px;}
.bene-bd-txt{ font-size: 20px;}
.bene-bd-txt br{ display: none;}
ul.list-common {margin: 0px 0px 30px 0px;padding: 0px 0px 0px 20px;}
ul.list-common li{ text-align: left;}
.dual-vid-box .video-inner-cvr {width: 100%;height: auto;}
.spacer-box {padding: 0px 0px;}
.tab_drawer_heading i{ float: right;}

.sector-pad-common {padding: 20px 15px 0px;}
.pd-lr-cust1 {padding: 0px 0px 0px;}
.sec-common-main-ttle h2{ font-size: 36px;}
.sect-top-desc{ font-size: 20px;}
.sec-pro-bx{ text-align: center;}
.sector-project-wrp {margin-top: 20px;padding: 0px 0px;}
    
.tech-d-box p{ min-height: 45px;}
    .tech-details-wrp{ margin: 0px;}
	
	
/**/
#bmi-banner {
    margin-bottom: 30px; height:300px; background:url(../images/mobile-bim-banner.jpg) no-repeat; background-size: cover;
}
.overview-left {
    padding: 0px 10px;
    padding-right: 30px;
}

.overview-container {
    margin-top: 36px;
}

.healthcare,.hotel-layout { display:none; } 

.left-print img { width:100%; }	

.pdf-list {
    margin-left: 0px;
}	

.pdf-list ul li [type=checkbox] {
    margin-top: 0;
}

.offset-3 {
    margin-left:0%;
}
.select-all-bt,a.common-cta { width:100%; text-align:center;margin-top:10px; }

#sectors ul.tabs li {
    margin: 0;
    padding: 12px 10px;
    display: inline-block;
    width: auto;
    font-size: 13px;
    margin: 0 1px;
}

.accordion .card-header.collapsed {
    background-color: #eaeaea;
    color: #666666;
}

.accordion .card-header.collapsed {
    background-color: #eaeaea;
    color: #666666;
    border-bottom: solid 2px #FFF;
}

#sectors ul.tabs {margin-bottom: 10px;}

.collapse.show { padding-bottom:30px; }
	
#mobile,#mobile2 { display:block; visibility:visible; }
    
#accordion2 {
    min-width: 100% !important;
}    
    
/*mobile nav css*/
    .nav-lhs ul{ display: block !important; height: 100vh;}
    .hed-tp-rhs{ width: 100%; text-align: center;}
    .hed-tp-rhs br{ display: none;}
    .nav-fl{ display: none;} 
    .hed-tp-rhs a.hed-social {padding: 0px 2px;font-size: 12px; display: none;}
    .hed-tp-rhs a.contact-top-head {  font-size: 12px; padding-left: 16px;margin-left: 5px;background-position: 0px 4px;background-size: 11px;display: inline-block;}
    .hed-tp-rhs a.phone-toll{ font-size: 11px;background-position: 0px 2px; background-size: auto;
    padding-left: 15px;}
    .main-nav-wrp {padding: 3px 15px;}
    #nav-icon2{ display: block;}
    .main-nav-wrp{ position: relative;}
    .main-nve-lnk{ width:100%; background-color: #f2f2f2; position: absolute; top:51px; left: calc(100% * -1); z-index: 999; padding: 10px 0px !important; transition: all .4s ease-in-out 0s;}
    .nav-lhs ul li{ float: none; padding: 0px 0px; border-bottom: 1px solid #e4e4e4;}
    .nav-lhs ul li:last-child{ border-bottom: none;}
    
    .nav-lhs ul li a{ padding: 5px 15px;}
    .nav-lhs ul li ul.nav-fl-list {list-style: none;list-style-type: none;margin: 0px;padding: 0px;position: relative;margin-left: 0px; width: 100%;height: auto;z-index: 3;display: none;}
    .nav-lhs ul li ul.nav-fl-list { position: absolute !important;z-index: 6 !important;top: 2px;left: calc(100% * -1);height: 100vh !important;background-color: #fff; display: block!important;}
    .nav-lhs ul li ul.nav-fl-list li {float: none;margin: 0px;padding: 0px 0px 0px;}
    .nav-lhs ul li ul.nav-fl-list{ position: inherit;}
    .nav-scnd-cvr{top: 0px;z-index: 5;height: auto;display: block !important;left: calc(100% * -1);transition: all .4s ease-in-out 0s; height: 100vh;}
    .nav-lhs ul li ul.nav-fl-list li:hover a.mnu-drop:before{ display: none;}
    .spacer-menu{ display: none;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr{ margin-bottom: 0px;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr{ width:100%; float: none;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr img{ display: none;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr a p{ text-align: left;}
    .nav-lhs ul li ul.nav-fl-list li a{padding: 10px 15px 10px 15px;
    font-size: 15px;
    background-color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    background-image: url(../images/right-chev-black.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 10px;}
    .nav-lhs ul.main-nve-lnk li.drp-main a.drp-main-ancr{ background-image: url(../images/right-chev-black.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 10px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px;
    padding: 10px 15px;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr-ttle .ttle{ position: relative; font-size: 14px;     background-image: none;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr-ttle .ttle:before{content: 'back';
    text-transform: capitalize;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 15px;
    color: #000;
    background-image: url(../images/left-chev-black.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 7px;
    padding-left: 15px;
    font-weight: 400;}
    .back-snd-lvl{ display: block;}
    .back-snd-lvl a{background-image: url(../images/left-chev-black.png) !important;background-repeat: no-repeat !important;background-position: center left 10px !important;background-size: 10px !important;padding-left: 30px !important;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr a p{ margin: 0px; font-size: 15px;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-cvr a {padding: 10px 10px;border-bottom: 1px solid #e4e4e4;}
    .nav-lhs ul li ul.nav-fl-list li .nav-scnd-cvr .mnu-sec-ttl {text-transform: uppercase;font-size: 15px;font-weight: 700;margin-bottom: 10px;margin-top: 15px;}
/*mobile nav css*/  
	
#sectors .container{ width: 100%;max-width: 100%;}  
    
 .flt-cta-cvr {height: 30px;width: 100%;position: fixed;top: initial;right: 0px;margin-top: 0px;
    z-index: 10;bottom: 0px;}    
   #common-rcb-cta {top: initial;right: initial;bottom:-1px; height:30px;padding: 6px 8px;font-size: 12px;text-align: center;transform: rotate(0deg);width: 50%;border-right: 1px solid #fff}    
  #common-git-cta {bottom: -1px;
    right: 0px;
    height: 30px;
    padding: 6px 8px;
    font-size: 12px;
    text-align: center;
    transform: rotate(0deg);
    width: 50%;
    top: inherit;}               
body{ position: relative;}  
    
        .swiper-button-next{right: 10px !important;}    
    .swiper-button-prev{left: 10px !important;}  
    #inner--banner .swiper-button-next{right: 10px !important;} 
    #inner--banner .swiper-button-prev{left: 10px !important;}
#inner--banner{ height: auto;} 
    
.ftb-btm {width: 100%;padding: 15px 15px 40px;height: auto;}  
    
.no-aarw-mob {
    background-image: none !important;
}    
    
.continue-btn {
    float: left;
    margin-top: 20px;
    background-color: #00773b;
    color: #fff;
    padding: 7px 10px !important;
    border-radius: 5px;
    width: 50% !important;
    font-size: 14px !important;
    text-align: center !important;
}    
    
.enquiry-btn {
    float: right;
    margin-top: 20px;
    background-color: #000;
    color: #fff;
    padding: 7px 20px !important;
    border-radius: 5px;
    width: 49 !important%;
    font-size: 14px !important;
    text-align: center !important;
}    
    
    
.breadcrumb-cvr{ margin-bottom: 20px;}    
ol.breadcrumb {
    background-color: #f3f3f3;
    display: block;
    padding: 10px 5px;
    border-radius: 0px;}
    .breadcrumb-item {
    float: left;
    padding: 0px;
    line-height: 1;}
    .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .1rem;
    padding-left: .1rem;
    color: #636c72;
    content: "/";
    font-size: 8px;}
    ol.breadcrumb li.breadcrumb-item a {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: 0.5;
    display: inline-block;}
    ol.breadcrumb li.breadcrumb-item.active {
    color: #636c72;
    font-size: 10px;
    font-weight: 400;
    line-height: 2;
    display: inline-block;}
    ol.breadcrumb li.breadcrumb-item.active:before {
    font-size: 11px;
    line-height: 1;}
    
    
    .ask-expert-bx{bottom: 122px;right: 10px;}
    
}