
 @media ( min-width: 995px) and (max-width: 1024px){
     .banner .videobg #videobanner{ width:auto;}
     .gridheading strong{ font-size:15px;}
     .footermedianav li{ margin-right:10px;}
     .padd100{ padding:80px 0px;}
     .navbar-dark .navbar-nav .nav-item{ margin-left:20px;}
     .navbar-dark .navbar-nav .nav-link{ font-size:0.79rem;}
 }
 @media ( max-width : 990px){
     .navbar-dark .navbar-nav .nav-item{ margin-left:20px;}
     .navbar-dark .navbar-nav .nav-link{ font-size:0.79rem;}     
      body{overflow-x: hidden  !important;}
      
      .footernav{ margin-top:30px;}
      .footernav strong{ margin-bottom:20px;}      
      .bannertext h1{ font-size:4rem; margin-bottom:30px;}
      .headingtag { font-size:2.7rem;}      
      .padt100{ padding-top:60px;}
      .padd100{ padding:60px 0;}
      .padb100{ padding-bottom:60px;}
      .texttag{ font-size:1.5rem;}
      .banner{ height:60vh;}
 }
 @media (max-width: 767px){
     /*banner responsive*/
     .themillenniabanner1{background-image: url(../images/projects/the_millennia/Millennia-1-Mob-banner.jpg);}
     .headingtag {font-size: 2.2rem;}
     .banner{ height:75vh; margin-top:80px;}
     .header-area{ background:#10171D;}  
     .banner .mn_c_ln{ height:100px; bottom:0px;}
     .topnavbaxy ul{ padding: 10px 15px 0;flex-direction: column; align-items:center;}
      #main-nav{margin-top:10px; padding:15px 0; background-color:#10171D; visibility:hidden; display:flex !important; opacity:0; height:auto; position:absolute; top:70px; transform:translateY(-115%); z-index:-1;}
      #main-nav.show{ transform:translateY(0%); visibility:visible; opacity:1;}
      .hidescroll{ overflow:hidden;}
      .navbar .navbar-brand {padding: 0px 0 0 15px;}
      .navbar-dark .navbar-nav .nav-item{margin:0; width:100%; text-align:left; position:relative; padding-left:15px;}
      .navbar-dark .navbar-nav .nav-link{ padding:10px 0px 10px 0px; border:none; font-size:1rem !important; color:#fff; /*background:#6c9293;*/}
      .navbar-dark .navbar-nav .nav-link i,.navbar-dark .navbar-nav .nav-link img{ transform:rotate(-90deg); position: relative; top: -2px; }
      .topnavbaxy ul span{ color:#203d3b;}
      .navbar-nav{ padding:0px 0px 0px; flex-direction: column; align-items: flex-start;}
      .navbar-expand-md>.container, .navbar-expand-md>.container-fluid{ padding:15px 0px;}
      .navbar-dark .navbar-nav .nav-link{ opacity:1; width:auto; display: inline-block;}
      .navbar-nav .dropdown-menu {float: none; top:15px; position:absolute; width: 60%; margin: 0; left:40%; text-align: left; background-color: transparent;}
      .bannertext h1,.banpostext .bannertext h1,.bottomtx h1{ font-size:2.5rem; margin-top: 100px;}
      .mtopft{ margin-top:30px}
      .footermedianav strong{ margin-bottom:15px;}
      .footernav a{ margin-top: 0 !important;}
      .coglogo{justify-content:center; margin-top:8px;}
      .mobhidebr{display:block;}
      .mobhide{display:none !important;}
      .title-sec{margin-top: 15px;}
      .title-sec p{margin-bottom: 30px;}
     .titsec p{margin-bottom: 0;}
     .navbar .skylogo img{ width: 80px; }
 }
 @media (max-width: 640px){     
     .navbar-dark .navbar-nav .nav-link img{ width:11px;}    
     .footermedianav.mtop {margin-top: 38px;}
     .policywraper .policylink{ text-align:center !important;}  
     .cpl-banner{background-image: url(../images/banner/Comtrademobile.jpg);}
     .marketbanner{background-image: url(../images/banner/Marketingmobile.jpg);}
     .securitybanner{background-image: url(../images/banner/Securitiesmobile.jpg);}
     .skyfallbanner{background-image: url(../images/banner/Skyfullmobile.jpg);}
     .farmsbanner{background-image: url(../images/cpl-mobile-banner.jpg);}
 }
 @media (max-width: 414px){
 .newssectionwrap form.formlineflex .select2-container {width: 211px !important;     min-width: 211px !important;}
 }
 @media (max-width:390px){
     .select2-container {
     width: 363px !important;     min-width: 211px !important;}
 }
 @media (max-width: 375px){
     #main-nav{top:59px; height:auto;} 
     .banpostext .bannertexthm h1{font-size:2.4rem;}
     .headingtag { font-size:2rem;}
     .header-area{ height:65px;}
     .banner{ margin-top:65px;}
     .navbar-expand-md>.container, .navbar-expand-md>.container-fluid{ padding:10px 0;}
     .navbar .navbar-brand img{ width:120px;}     
     .navbar .skylogo img{ width: 70px; }
     #main-nav{ margin-top:6px;}
 }
