@media(min-width: 1024px) and (max-width: 1200px){
.banner-section{min-height: 100px;padding-bottom: 300px;}	
.subscribe-card .card-heading{font-size: 17px;}
.subscribe-card .plan-category{padding: 3px;top: 8px;right: -83px;}
.subscribe-card.chrismas-gift .worth{font-size: 12px;}
.subscribe-card.chrismas-gift .card-inner{padding: 20px 10px 35px;}
.subscribe-card .card-inner{padding: 30px 25px 35px;}
.banner-section .banner-content h1{font-size: 50px;}
}
@media(min-width: 767.01px) and (max-width: 1023px){
.subscribe-section .col-sm-11{
flex:0 0 100%;
max-width: 100%;
padding: 0;
}	
.subscribe-section .row{margin: 0 -5px;}
.subscribe-section .row .col-md-4{padding: 0 5px;}
.subscribe-card .card-inner{padding: 20px 30px 20px;}
.subscribe-card .card-heading{font-size: 18px;}
.subscribe-card .plan-category{
top: 10px;
font-size: 9px;
right: -77px;
}
.subscribe-card .plan-duration .price{font-size: 30px;}
.subscribe-card .plan-duration .duration{font-size: 15px;}
.subscribe-card .plan-duration{min-height: 149px;width: 156px;}
.banner-section{min-height: 100px;padding-bottom: 200px;}
.benefit-section ul li{font-size: 13px;}
.benefit-section .benefit-top{font-size: 14px;}
.subscribe-section .row .col-md-3{flex: 0 0 50%;max-width: 50%;margin-bottom: 60px;}
.subscribe-section .subscribe-note{margin-top: 15px;}
.subscribe-section{margin-top: -200px;}
.banner-section .banner-content p br{display: none;}
.banner-section .banner-content h1{font-size: 42px;}
.banner-section .banner-content p{font-size: 16px;}
}
@media(max-width: 767px){
.top-header .nav-link::after{display: none;}
.top-header .nav-item .nav-link{border-bottom: 1px solid #dbdada;}	
.banner-section .banner-content h1{font-size: 38px;}	
.top-header{padding: 15px 0;}
.banner-section{
min-height: 100px;
padding-bottom: 200px;
}
.subscribe-section .col-md-3{margin-bottom: 65px;}
.benefit-section .benefit-right{margin-top: 35px;}
.top-header .nav-item{margin-left: 0;}
.top-header .nav-item:last-child .nav-link{border:0;}
.navbar-toggler{font-size: 22px;}
.navbar-toggler:focus{outline: none;}
.subscribe-section{margin-top: -200px;}
.banner-section .banner-content p br{display: none;}
}
@media(max-width: 576px){
.top-header .navbar-brand img{max-width: 210px;}
.footer-section ul{flex-direction: column;}
.footer-section ul li a::after{display: none;}	
}