@media (max-width:320px){
.webContent h1{font-size:2rem;}
.webContent h2{font-size:1.8rem;}
.webContent h3{font-size:1.5rem;}
.webContent .subHeading{font-size:1.2rem;}
.about-section .about-img{height:auto}    
.about-content{margin-top:0px;margin-left:0px;}
.membership-area .membershipBg-left-img{right:0}  
.menu-footer li:before{top:6px;}    
.social-icons a{margin-right: 0px;} 
.testimonialdetails .text-limit-3{height:96px;-webkit-line-clamp: inherit;}  
.testimonialdetails{height:250px;}    
.pagination-nav .pagination-list > li > a {width:35px; height:35px;line-height: 35px;}
.pagination-nav .pagination-list > li a i {line-height: 35px;}
}
@media  (max-width:767px){
.webContent h1{font-size:2rem;}
.webContent h2{font-size:1.7rem;}
.webContent h3{font-size:1.6rem;}
.webContent h4{font-size:1.2rem;}
.header-menu .logo{height:30px;object-fit:contain}   
.about-section{height:auto;}   
.about-section .about-img{height:auto;}    
.about-content{margin-top:0px;margin-left:0px;}
.compare-table {padding-top: 30px;}
.bg-banner {
height: 250px;
background:linear-gradient(309deg, rgba(30, 11, 155, 0.9), rgba(7, 204, 236, 0.8), transparent), url(../img/banner/main-banner-small.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;    
}    
.membershipOptions-section{background:var(--color-first)}   
.membership-area .membershipBg-left-img{right:0}    
.menu-footer li:before{top:6px;}    
.social-icons a{margin-right: 0px;}       
.testimonialdetails .text-limit-3{height:96px;-webkit-line-clamp: inherit;}  
.testimonialdetails{height:250px;padding: 10px}   
.pagination-nav .pagination-list > li > a {width:35px; height:35px;    line-height: 35px;}
.pagination-nav .pagination-list > li a i {line-height: 35px;}    
}


@media(min-width:768px) and (max-width:991px){
    .bg-banner {height: 250px}   
.webContent h1{font-size:2.5rem;}
.webContent h2{font-size:1.7rem;}
.webContent h3{font-size:1.6rem;}
.webContent h4{font-size:1.2rem;}
.header-menu .logo{height:30px;object-fit:contain}     
.about-section{height:auto}
.about-content{margin-left:0px; margin-bottom:30px;}
.compare-table{padding-top: 50px;}   
.membershipOptions-section{background:var(--color-first)}    
.testimonialdetails{height:255px} 
}
@media (min-width:769px) and (max-width:1023px){

}
@media (min-width:992px) and (max-width:1365px){
*,header .navbar-nav .nav-item .nav-link, .submenu-web .nav-menu-list li a { font-size: 13px;}
.header-menu .logo{height:40px;object-fit:contain}    
header .navbar-nav .nav-item{padding: 0 8px;}  
}
@media(min-width:992px) and (max-width:1180px){
button, input[type="submit"].button {padding: 7px 10px;}
header .navbar-nav .nav-item{padding: 0 5px;}  
.header-menu .logo{height:35px;object-fit:contain}    
}
@media only screen and (max-width:1340px){
.categories-section .card .card-body .category-icons{left: 35%}
}
@media only screen and (max-width: 1200px){
	.carousel-control-prev{left:42%}
	.carousel-control-next{right:42%}
	.carousel-control-next, .carousel-control-prev{bottom: -5%;}
}

@media only screen and (max-width: 993px){
/*#sm_menu_ham, .hideInWeb { display: block; }*/
.hideInMobile, header .navbar-nav,.subscribeBlock:before { display: none; }
.navbar .navbar-search-box {
width: 100%; 
margin-top: 10px;
}	
.card.largeCard img,.card.mediumCard img,.card .smallCard img{
height:auto;
margin-bottom: 10px;
}
.webContent .article-contents h1{font-size: 2.2rem}	
.footer-heading, footer .webContent .mainHeading{font-size: 1.4rem}
}