@media only screen and (min-width:768px)
{
 .topnavigation{  position: relative;}   
.mobileNavigations{  width:80%;}
.topnavigation .container {position: relative;}
.navHeader { position: absolute;left: 0;}
.navication{display:flex;align-items:center;justify-content: center;}
nav ul li {padding:10px 20px;}
nav ul li a{display:block;color:#000;font-size:14px;letter-spacing:0;text-transform:capitalize;font-weight:600;position:relative}
 nav ul li.active a::after, nav ul li:hover a::after {content:'';width:100%;height:3px;background:var(--lightPrimary);display:block;position:absolute;bottom:-20px;left:0;}
}

@media only screen and (min-width:993px)
{
 .sliderWrapper .container {height:100%;}
 .sliderWrapper .row {height:100%;}
}




@media only screen and (min-width:1366px)
{
.w-1200 {max-width: 1200px;}
}


@media only screen and (max-width:1300px)
{
.topListing li{font-size:13px}
.topVanBox.rating h5{font-size:16px}
.checkerBoardContent h4{font-size:22px}
.faqWrapper .btn-link{font-size:20px}
.footer-top h3{font-size:24px}
.packageLeftBoxes h3::after{content:'';width:136px}   
    
}


@media only screen and (max-width:1240px)
{
.innerTopVan .topVanBox.deals p{font-size:16px}
.innerTopVan .topVanBox.deals div h5{font-size:16px}
.innerTopVan .vpnPackage li{width:100%;float:left;margin-right:0}  
    
}


@media only screen and (max-width:1000px)
{
.headerTop ul{width:1030px;padding: 6px 0 11px;}
.headerTop .headerTopNav{width:100%;overflow:auto}
}
 
@media only screen and (max-width:1100px)
{
.headerTop .container-fluid{overflow:scroll;display:block}
.topnavigation { padding: 6px 0;}
.sliderTite{font-size:49px;line-height:51px;margin:0 0 8px}
.topVanBox{border-right:solid 1px #D6D6D6;padding:30px 10px}
.topVanBox.content p{font-size:14px;line-height:21px}
.topVanBox.content{width:100%;border-right:none;border-bottom:solid 1px #D6D6D6;padding:30px 30px}
.topVanBox.listing{width:45%}
.topVanBox.rating{width:25%}
.topVanBox.deals{width:30%}
.innerTopVan .topVanBox.deals div h5{font-size:14px}
.innerTopVan .topVanBox.deals div .dealsBoxes h6{padding:1px 20px;font-size:14px}
.innerTopVan .topVanBox.deals p{font-size:14px}
.innerTopVan .topVanBox.deals{padding:19px 20px 10px 14px}
.innerTopVan .topVanBox.rating h5{text-align:left!important;margin-top:18px;font-weight:600;font-size:15px}
.vpnPackage{margin:10px 0 20px;display:inline-block}
 
}


@media only screen and (max-width:1000px)
{
.sliderTite{font-size:35px;line-height:40px;margin:0 0 0px}
.sliderWrapper ul li{font-size:15px;}
.footer-top h3{font-size:26px;line-height:28px}
.footer-top p{font-size:15px;max-width:421px}


}


@media only screen and (max-width:990px)
 {
nav ul li{padding:10px 14px}
.navHeader{width:30%}
.mobileNavigations{width:70%}
.copyRight{text-align:center}
.faqWrapper .btn-link{font-size:17px}
.checkerBoardContent h4{font-size:20px}
.checkerBoardContent p{font-size:14px}
.topVanBox.content{width:50%;border-right:solid 1px #D6D6D6;border-bottom:solid 1px #D6D6D6;padding:30px 30px}
.topVanBox.listing{width:50%;border-right:none;border-bottom:solid 1px #D6D6D6}
.topVanBox.rating,.topVanBox.deals{width:50%}
.topVanBox.rating img{width:230px;margin:auto;display:table}
.packageLeftBoxes h3::after{content:'';width:100px}
.sliderWrapper{background:url(../images/slider-bg.png);padding:30px 0 10px;height:auto;background-position:bottom;background-size:cover}
.topnavigation ul{margin-left:40px}
.vpnPackage{width:100%}


}

@media only screen and (max-width:800px)
{
.sliderTite {font-size: 31px;line-height: 33px;    margin: 0 0 0px;}
.sliderWrapper p {  font-size: 14px;}
.packageLeftBoxes h3::after{content:'';width:65px}

}

@media only screen and (max-width:767px)
{
.scrollNone{overflow:hidden}
.mobileHeader{box-shadow:0 3px 16px #00000012;position: relative;padding:7px 0}
.mobileHeaders {display: flex;align-items: center;justify-content: space-between;}
.navHeader .logo {display: none;}  
header nav {margin:0;padding:0;width:100%;position:fixed;left:0;top:41px;bottom:0;right:0;background-color:rgba(0, 0, 0, .4);overflow:hidden;visibility:hidden;opacity:0;   z-index: -1;}
header nav.showMainNav{visibility:visible;opacity:1;z-index:99999}
header nav .navication {  padding: 0;  margin: 0;  width:100%;  height: 100vh;  background-color: #fff;  left: -300px;  position: relative;}
nav.showMainNav .navication{left:0;visibility:visible;opacity:1} 
nav.showMainNav .container{padding: 0;max-width: 100%;}  
.topnavigation {    padding: 0;  }
 header nav .navication ul {  flex-wrap:wrap; margin-top:15px;}  
nav ul li {  width: 100%;   } 
  nav ul li a {   text-align: left; font-weight: 600;    display: inline-block;    width: 100%;    padding:10px 30px;  }
    nav ul li {
    padding: 0;
  }
  
nav ul li.active a{ color:var(--lightPrimary);}
.navHeader{width:100%;text-align:right;padding-right:10px;padding-top:9px}
.sliderWrapper img.leftImg{margin:0 auto 30px;display:table;width: 60%;}
.footer-top p {font-size: 15px;max-width: 100%;margin: 0 0 30px;}
.footer-top h3 {font-size: 26px;line-height: 28px;margin: 0 0 14px;}
.checkerBoardContent h4{font-size:23px;margin:30px 0 0;margin-bottom:0}
.brRight{border-right:none}
.faqWrapper .btn-link{font-size:16px;white-space:wrap;text-align:left}
.topVanBox.content,.topVanBox.listing,.topVanBox.rating{width:100%;padding:20px 10px 0;border:none!important}
.topVanBox.deals{width:100%;padding:20px 10px 20px;border:none!important}
 
.topListing li{font-size:14px;display:flex;align-items:baseline;line-height:19px}
.topListing li img{float:left;position:relative;top:6px}
.topVanBox.rating h5{font-size:19px;margin:19px 0 0;margin-bottom:0}
.topVanBox.rating img{width:350px;margin:0;display:table}
.topVanBox.deals h5{width:100%;text-align:left;font-size:19px}
.topVanBox.deals h6{height:45px;line-height:45px;font-size:17px;width:53%;float:left}
.topVanBox.deals p{margin-top:10px;text-align:right;font-size:15px;line-height:33px}
.packageLeftBoxes h3{font-size:12px;position:relative}
.packageLeftBoxes ul li{font-size:10px}
.packageLeftBoxes h3::after{display:none}
.packageWrapper .owl-item.cloned{margin-right:-5px!important}
.packageWrapper .owl-item{margin-right:0!important}.mt-70{margin-top:40px}
.innerTopVan .topVanBox.listing{padding:20px 20px 20px}
.ratingStar .starboxes{font-size:15px}
.faqWrapper{padding:40px 0}
.advisementBanner.others{margin:50px 0 50px}
.faqWrapper .card-header{padding:7px 3px 3px}
.faqWrapper .btn-link.collapsed::after,.faqWrapper .btn-link::after{width:18px;height:18px}
.faqWrapper h2{font-size:23px}
.pageTitle{margin-bottom:20px!important}
.sliderWrapper ul li{align-items:start}
.ratingStar{display:flex;margin:0 0 23px;flex-wrap:wrap;justify-content:right}
.sliderWrapper ul li img{margin-top:3px}
.topVanBoxImg{margin:0 0 6px}
.topVanBox.content h4{font-size:15px;margin-top:0px}
.topVanBox.listing{padding:5px 10px 10px 10px}
.innerTopVan .topVanBox.deals.lastdeals div {
  flex-wrap: wrap;
}
  .topnavigation ul {
    margin-left: 0;
  }
    nav ul li {
    padding: 10px 0;
  }
  
    
}


@media only screen and (max-width:540px)
{
.packageLeftBoxes ul li{font-size:11px}
.visitBtn{padding:13px 20px}
.popUpleftForm h6{color:#272727;font-size:20px}
.popUpleftForm p{font-size:13px}
.topVanBox.content h4{font-size:15px}
.innerTopVan .topVanBox.deals div .dealsBoxes {
  width: 100%;
  gap: 10px;}
  
    .innerTopVan .topVanBox.deals div h5 {
   
    width: 100%;
  }
  .ratingStar {
    display: flex;
    margin: 0 0 23px;
    flex-wrap: wrap;
    justify-content: center;
  }
   .vpnPackage { 
    margin-bottom: 0;
  }
 .innerTopVan .compatibility { 
  flex-wrap: wrap;
} 
 .innerTopVan .compatibility ul {
  width: 100%;
}

.innerTopVan .topVanBoxImg {
  width: 100%;
  float: left;
  margin-right: 0;
}

.innerTopVan .topVanBoxText {
  width: 100%;
}   
  
  
}


@media only screen and (max-width:420px)
{
.pad-100{padding:0 20px}
.footer-top h3{font-size:21px;margin-bottom:20px}
.copyRight a{font-size:12px}
p{font-size:12px}
.footer-top p{font-size:13px;max-width:100%;margin:0 0 30px}
  
  
  
}
@media only screen and (max-width:620px)
{
.footer-top{        padding: 34px 10px 16px 10px;
  background: url(../images/mobfoot.png) #030F1F;
  background-repeat: no-repeat;
  background-position: bottom;background-size: contain;}
.foo{min-width: auto;} 
.foo p{margin-bottom: 0;} 
.bo{border: none;padding: 0px;;}
}