@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1200px) {
	.container{ width:100%; padding:0 10px;}
	.special-div .container{ width:100%; padding-left: 10px; padding-right: 10px;}
	.special-div .special-cnt{ padding: 30px;}
	.special-div .special-cnt ul li{ font-size: 16px;}
	
	.subscription-page .recommended-div .container{width:100%;}
    .subscription-page .recommended-div{ padding-left: 10px; padding-right: 10px;}
}
@media only screen and (max-width: 1270px) {
	.subscription-page .special-div .container{ width:100%; padding-left: 10px; padding-right: 10px;}
	.subscription-page .recommended-div .container{width:100%; padding: 10px;}
	.subscription-page .recommended-div{ padding-left: 10px; padding-right: 10px;}
}
@media only screen and (max-width: 1024px) {
	
	.recommended-div .thumpnail-div h2 { font-size: 17px; line-height: 22px; }
	.title-border:before, .title-border:after{ top : 15px;}
    .recommended-div .detail-div .img-txt p { max-height: 270px; overflow: hidden; }
	.subscription-page .diwali-banner{ height:auto; padding: 30px 0 0 0;}
}


@media only screen and (max-width: 1090px) {
	.menu-div{ white-space: nowrap; overflow-x: auto;}
    .menu-div .div-left,.menu-div .div-right{ float: none; display: inline-block;}
}
@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 767px) {
	.logo-img{ width:135px;}
	.header-right-div > div.header-sub-img{ display:none;}
	.header-right-div{ margin: 5px 0;}
	.header-right-div > div.store-icons{ display: none;}
	.social-links{ display:none;}
	.search-icon{position: absolute; top: 10px; right: 32px;}
	header .btn-auto{    margin-right: 30px;}
	.search-box{width: 90%; left: 45%; padding: 10px;}
	.grid-container{grid-template-columns: auto; grid-gap: 0; padding: 5px 20px; background: #fff;}
	.megamenu{  height: calc( 100% - 76px );} 
	.megamenu .grid-item > div{    position: relative; border-bottom: 1px solid #e5e5e5; margin: 0; padding: 12px 0;}
	.megamenu .grid-item > div > ul{ display: none; padding: 10px 0 0 30px;}
	.megamenu h6:before{ content:'\e907'; position: absolute; top:15px; right: 0; font-family: 'icomoon';}
	.megamenu h6.active:before{content:'\e908';}
	.megamenu h6{ margin:0;}
	.main-news-grid,.news-grid,.sub-news-grid{ display: block;}
	
	.recommended-div{ padding: 30px 10px;}
	.recommended-div .list-view, .recommended-div .list-view a{ display: block;}
	.recommended-div .detail-div .img-txt{ width:100%; padding: 20px;}
	.subscription-page .recommended-div .detail-div .img-txt{ padding: 0;}
	.recommended-div .detail-div .date{ bottom: 5px;}
	.recommended-div .detail-div .zoom-img{ width:100%; height: auto;}
	.thumpnail-div{ display: flex;  overflow-x: auto;}
	.thumpnail-div li{ flex: 1 0 48vw; overflow: hidden; margin: 0 5px 0 0;}
	.recommended-div .detail-div .img-txt h2{ font-size: 24px; line-height: 28px;}
	.recommended-div .detail-div .img-txt p{height: 75px; overflow: hidden;}

	
	.title-border:before, .title-border:after{ width:20%;}
	
	.amount{ font-size:30px;}
	
	footer .container{ display:block; padding: 0 30px;}
	footer .container > ul{ display: inline-block; width:48%; vertical-align: top; margin-bottom: 10px;}
	footer ul li a { padding: 2px 0 0 0; }
	footer .container > ul.footer-inline{ width:100%; margin: 0 auto; text-align: center;}
	footer .container > ul.footer-inline ul{ margin: 15px 0; }
	footer .container > ul.footer-inline li a{ display:inline-block;}
	.social-icons span{ display:inline-block;}
	.copyrights{ margin-top:20px;}
	.copyrights p{ margin:0;}
	
	
	.diwali-banner{ padding: 0; background: none; color: inherit;}
	.diwali-banner .container{ display:block; padding: 0; margin: 0 auto; text-align: center;}
	.diwali-banner .zoom-img{background:url("https://gumlet.assettype.com/vikatan/2022-10/a5a2e8f7-96ec-4a7d-8651-c033b7d65198/Diwali_Magazine_BG.png") no-repeat 100% !important; background-size: 100%; padding: 30px 0;}
	.diwali-banner img{ width:212px; display: block; margin: 0 auto;}
	.diwali-banner h1 {  font-size: 20px; line-height: 30px;}
	.diwali-banner mark{ margin:2px 0;}
	.diwali-banner .zoom-img, .diwali-banner .banner-text{padding: 20px 15px;}
	.diwali-banner p { font-size: 14px;line-height: 25px; }
	.diwali-banner .mbl-btn{ display: inline-block; margin: 20px 0 0 0;}
	.diwali-banner .dsk-btn{ display:none;}
	.testimonial-div{ padding:0 0 30px 0;}
	.testimonial-div .container{ width:100%;}
	.testimonial-grid{ flex-direction: column-reverse; align-items: center; margin:10px 0;}
	.testimonial-cnt{font-size: 14px;line-height: 25px; text-align: center;}
	.testimonial-profile { align-items: center; text-align: center; margin:0 auto;}
	.testimonial-profile img,.testimonial-profile .testimonial-name-desg{ display:inline-block; vertical-align:middle;}
	.testimonial-profile .testimonial-name-desg{ text-align: left;}
	.testimonial-div .owl-carousel .owl-item img{ margin: 10px; display: inline-block;}
	.testimonial-profile img{ width:70px !important; height: 70px !important; margin-right: 10px;}
	.testimonial-div .owl-carousel .owl-dots{ top: 100%;}
	.testimonial-div .quote-img{ width:86px;}
	.special-div-mobile{ display: block;}
	.special-div-mobile.owl-carousel.owl-loaded{ display: block;}
	.desktop-list{ display: none;}
	.special-div .special-cnt ul li{ border:0; text-align: center;}
	.special-div .special-cnt ul li:before{ content:none;}
	.special-div .special-cnt{ padding: 10px 10px 20px 10px; margin: 10px 0 0 0;}
	.special-div-mobile.owl-carousel .owl-dots{ top:90%;}
	.special-footer{ padding: 20px;}
	.special-footer span{ display:block; line-height: 24px;}
	.special-footer a{ margin:10px 0 0 0;}
	.special-footer a span{ display:inline-block; line-height:normal;}
	.special-div .container{ padding: 20px 10px;}
	.special-div h1{ font-size: 26px; line-height: 26px;}
	.special-div .special-cnt ul li{ height: auto; padding-left: 0;}
	
	.subscription-page .special-cnt{margin: 0;}
	.subscription-page .special-div h1 { margin: 0 0 10px 0;}
	.subscription-page .diwali-banner p{ margin: 15px 0 0 0;}
	.green-btn{ font-size: 18px;}
	.green-btn i{ font-size: 14px;}
}