@media (min-width:1200px) and (max-width:1400px) {
.hero h2 {
	margin-bottom: 15px;
	font-size: 32px;
	line-height: 48px;
	display: inline-block;
}
 .hero h3 {
	font-size: 22px;
}   
.hero .off-text{
    font-size: 24px;
}   
    
.hero .btn-get-started {
	font-size: 18px;
	display: inline-block;
	padding: 8px 32px;
	margin: 10px 0;
	border: 2px solid #65ebe9;
} 
   .four-box-icon {
	width: 70px;
	height: 70px;
	margin: 0px auto;
} 
    
.four-box-details-div p {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0 0;
	letter-spacing: 0.5px;
	/* text-align: center; */
}    
  .hero .carousel {
	width: 100%;
	min-height: 400px;
} 
    
.inner-banner-hero .carousel {
	width: 100%;
	min-height: auto;
} 
    
.four-box-details-div {
	position: relative;
	width: 100%;
	padding: 10px 0;
}  
 .inner-slider-div::after {
	position: absolute;
	width: 90.2%;
	height: 92.4%;
	margin: 0;
	content: '';
	border: 1px solid #ffffff82;
	background-color: #00000082;
}  
    .section-title h2{
        font-size: 36px;
    }    
    .stats .stats-item p{
        font-size: 16px;
    }
    .stats .stats-item span {
	color: #da9c6d;
	font-size: 30px;
}
.footer .social-links a {
	width: 28px;
	height: 28px;
	font-size: 14px;
	margin-right: 5px;
	line-height: 28px;
}    
    .header .top-bar-item.me-3 {
	margin-right: 10px !important;
}
 .header .topbar {
	
	font-size: 14px;
}
  .navmenu a, .navmenu a:focus {
	padding: 12px 12px;
	font-size: 14px;
}  
.header .logo img {
	max-height: 52px;
	margin-right: 8px;
	max-width: 100%;
} 
    
    
}

@media (min-width:992px) and (max-width:1199px) {
 .header .topbar {
	font-size: 12px;
}  
.header .top-bar-item.me-3 {    
    margin-right: 10px !important
    }
    .top-bar-item a i.bi {
	font-size: 13px;
}
 .top-bar-item a.dropdown-toggle::after {
        font-size: 13px;
    }
    .header .logo img {
	max-height: 42px;
	margin-right: 8px;
}
    
    .main-services-block-out {
    display: none !important;
  } 
   .video-banner .main-services-block-out {
    display: flex!important;
  } 
    .four-box-icon {
	width: 70px;
	height: 70px;
	margin: 0px auto;
}
    
    .four-box-details-div p {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0 0;
	letter-spacing: 0.5px;
	/* text-align: center; */
}
    
    .four-box-details-div {
	position: relative;
	width: 100%;
	padding: 10px 0;
}  
 .inner-slider-div::after {
	position: absolute;
	width: 90.2%;
	height: 92.4%;
	margin: 0;
	content: '';
	border: 1px solid #ffffff82;
	background-color: #00000082;
} 
    
    .banner-div .banner-out-div{
        width: 100%;
    } 
    .hero h2 {
	margin-bottom: 20px;
	font-size: 42px;
	line-height: 62px;
}
    .section-title h2{
        font-size: 34px;
    } 
.services .service-item .icon {
	margin: 0 10px 0 auto;
	width: 60px;
	height: 60px;
}
 .services .service-item h3 {
	margin-bottom: 5px;
	font-size: 14px;
} 
    
.services .service-item p {
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 0;
}    
 .section-title {
	text-align: center;
	padding-bottom: 20px;
	position: relative;
} 
    .stats .stats-item{
        flex-wrap: wrap;
    } 
    .stats .stats-item i {
	margin-right: auto;
	margin-left: auto;
}
  .book-sessions .col {
	margin-top: 45px;
	width: 20%;
} 
.book-sessions .book_session_box {
	font-size: 16px;
}    
    .book-sessions .book_session_box .btn a {
	padding: 8px 15px;
	font-size: 16px;
	margin-top: 10px;
}
    .book_session_box .icon-div{
        left: 22%;
    }    
    .recent-articles-card .articles img{
        width: 80px;
    }
    .recent-articles-card .articles .articles-content p {
	font-size: 13px;
	line-height: 20px;
	margin: 0px 0 3px 0;
}
.recent-articles-card .articles .articles-content .date-show {
	font-size: 12px;
	margin: 0px 0 0px 0;
}    
    .articles-blog-s .titel-tag-div h3{
        font-size: 16px;
    }    
    .footer-contact {
	font-size: 15px;
	line-height: 24px;
}
    
    .footer-contact .phone-email{
        font-size: 16px;
    }    
   .footer .social-links a {
	display: flex;
	/* align-items: center; */
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid var(--surface-color);
	font-size: 12px;
	color: var(--surface-color);
	margin-right: 5px;
	transition: 0.3s;
	line-height: 20px;
} 
    
 .info-card{
        flex-wrap: wrap;
        gap: 0;
    }    
   .card-content {
	width: 100%;
	font-size: 15px;
}
    .card-title {
	font-size: 18px;
	margin-bottom: 8px;
}
    .card-content small {
	font-size: 14px;
	font-weight: 400;
}
    .form-control{
        font-size: 14px;
        list-style: 20px;
    }
    .form-select{
        font-size: 14px;
    }
    .col-form-label {
	font-size: 14px;
	line-height: normal;
}
.captcha-code-full .captcha-code-input {
	/* margin: 10px 0 0 0 !important; */
	padding: 0;
	/* display: inline-block; */
	width: 175px;
}  
.astrologer-form.course-box {
	height: auto;
	margin-bottom: 15px;
}     
    
}
    
    
@media (min-width:768px) and (max-width:991px) {
    .banner-div {
	flex-wrap: wrap;
}
.hero .carousel-item{
    position: relative;
    flex-wrap: wrap;
}    
.hero .carousel {
	min-height: auto;
}   
.hero .banner-details {
	padding-left: 20px;
	padding-right: 20px;
}    
.hero h3 {
	font-size: 20px;
}   
 .hero .off-text {
    font-size: 22px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
  }
.hero h2 {
	font-size: 34px;
	line-height: 44px;
	letter-spacing: 1px;
}    
.hero .btn-get-started{
   padding: 10px 32px;
}
.hero .carousel-item{
    padding: 30px 0px;
}    
.main-services-block-out {
	padding-left: 15px;
	display: flex;
	padding-right: 15px;
	padding-top: 15px;
}
    .main-services-block .row{
        margin: 0 -15px;
    }
.main-services-block .block-div.left-top {
	padding: 0 8px;
	margin-bottom: 15px;
}    
 .main-services-block .block-div.right-top {
	padding: 0 8px;
	margin-bottom: 15px;
}   
.main-services-block .block-div.left-bottom {
	padding: 0 8px;
	margin-bottom: 15px;
}    
.main-services-block .block-div.right-bottom {
	padding: 0 8px;
    margin-bottom: 15px;
}  
  
.inner-slider-div::after {
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
}   
section, .section{
    padding: 30px 0px;
}    
.section-title h2 {
	font-size: 24px;
	margin-bottom: 12px;
	padding-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 40px;
}    
.section-title p {
	font-size: 16px;
}
.horoscope-section.tabs .nav-tabs {
	margin-left: -15px;
	margin-right: -15px;
}
.horoscope-section.tabs .nav-item.col {
	padding-left: 15px;
	padding-right: 15px;
    width: 25%;
}    
.horoscope-section.tabs .nav-link {
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
    text-align: center;
}
.horoscope-section.tabs .tab-content{
    padding-top: 0px !important;
}  
 .horoscope-section.tabs .tab-content .tab-pane select {
	margin-bottom: 10px;
} 
.kundli .kundli-item {
	height: auto;
	margin-bottom: 15px;
}    
    .kundli .kundli-item h3{
        font-size: 18px;
    }    
    .book_session_box .icon-div {
	width: 90px;
	height: 90px;
	position: relative;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 2px solid #9c6e4c;
	border-radius: 100px;
	margin: 0 auto 10px;
}
 .book-sessions .book_session_box {
	background-color: #172b4d;
	border-radius: 5px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	height: 100%;
	position: relative;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #9c6e4c;
	color: #fff;
}   
   
.book-sessions .col {
	margin-top: 25px;
}    
.footer-contact {
	margin-bottom: 10px;
	margin-top: 10px;
}
.social-links{
  margin: 10px 0px;
}    
 .video-info {
	padding: 5px 0;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 5px 0 !important;
}   
    
.recent-articles-card .articles .articles-content p {
	font-size: 14px;
	line-height: 22px;
	padding: 0px;
	margin: 0px 0 3px 0;
}    
.recent-articles-card .articles .articles-content .date-show{
        font-size: 13px;
    }   
.festival-calendar ul li .twolines{
        font-size: 14px;
    }
.section-title h2 {
	font-size: 24px;
	margin-bottom: 12px;
	padding-bottom: 0;
	line-height: 36px;
} 
    
.footer .footer-links {
	margin-bottom: 10px;
	margin-top: 10px;
}
.services .service-item {
	flex-wrap: wrap;
	text-align: center;
} 
.services .service-item .icon{
    margin: 0 auto 10px auto;
}
    
.cta-btn {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 10px 40px;
}
.cta-btn-arrow::after {
    top: 6px;
}       
.header .logo img{
    max-width: 100%;
    max-height: 58px;
}  
    
.horoscope-section .row-cols-lg-6 {
	display: flex;
	grid-template-columns: repeat(12, 1fr);
}    
    
.astrology-course-list ul li{
    font-size: 14px;
}  
.card-content {
	font-size: 15px;
}
.card-title {
	font-size: 18px;
	margin-bottom: 6px;
}    
    
    
}

@media (min-width:480px) and (max-width:767px) {
    .banner-div {
	flex-wrap: wrap;
}
.hero .carousel-item{
    position: relative;
    flex-wrap: wrap;
}    
.hero .carousel {
	min-height: 508px;
}   
.hero .banner-details {
	padding-left: 20px;
	padding-right: 20px;
}    
.hero h3 {
	font-size: 20px;
}   
 .hero .off-text {
    font-size: 22px;
    display: inline-block;
    margin-left: 0;
    margin-top: 10px;
  }
.hero h2 {
	font-size: 26px;
	line-height: 36px;
}    
.hero .btn-get-started{
   padding: 10px 32px;
}
.hero .carousel-item{
    padding: 30px 0px;
}    
.main-services-block-out {
	padding-left: 15px;
	display: flex;
	padding-right: 15px;
	padding-top: 15px;
}
.main-services-block .block-div.left-top {
	padding: 0;
	margin-bottom: 15px;
}    
 .main-services-block .block-div.right-top {
	padding: 0;
	margin-bottom: 10px;
}   
.main-services-block .block-div.left-bottom {
	padding: 0;
	margin-bottom: 10px;
}    
.main-services-block .block-div.right-bottom {
	padding: 0;
}  
  
.inner-slider-div::after {
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
}   
section, .section{
    padding: 30px 0px;
}    
.section-title h2 {
	font-size: 28px;
	margin-bottom: 12px;
	padding-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 40px;
}    
.section-title p {
	font-size: 14px;
}
.horoscope-section.tabs .nav-tabs {
	margin-left: -15px;
	margin-right: -15px;
}
.horoscope-section.tabs .nav-item.col {
	padding-left: 15px;
	padding-right: 15px;
	width: 33.33333333%;
} 
.horoscope-section.tabs .nav-link {
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
    text-align: center;
}
.horoscope-section.tabs .tab-content{
    padding-top: 0px !important;
}  
 .horoscope-section.tabs .tab-content .tab-pane select {
	margin-bottom: 10px;
} 
.kundli .kundli-item {
	height: auto;
	margin-bottom: 15px;
}    
    .kundli .kundli-item h3{
        font-size: 18px;
    }    
    .book_session_box .icon-div {
	width: 90px;
	height: 90px;
	position: relative;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 2px solid #9c6e4c;
	border-radius: 100px;
	margin: 0 auto 10px;
}
 .book-sessions .book_session_box {
	background-color: #172b4d;
	border-radius: 5px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	height: 100%;
	position: relative;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #9c6e4c;
	color: #fff;
}   
   
.book-sessions .col {
	margin-top: 25px;
}    
.footer-contact {
	margin-bottom: 10px;
	margin-top: 10px;
}
.social-links{
  margin: 10px 0px;
}    
 .video-info {
	padding: 5px 0;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 5px 0 !important;
}   
    
.recent-articles-card .articles .articles-content p {
	font-size: 14px;
	line-height: 22px;
	padding: 0px;
	margin: 0px 0 3px 0;
}    
.recent-articles-card .articles .articles-content .date-show{
        font-size: 13px;
    }   
.festival-calendar ul li .twolines{
        font-size: 14px;
    }
.section-title h2 {
	font-size: 22px;
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: 36px;
}  
    
.footer .footer-links {
	margin-bottom: 10px;
	margin-top: 10px;
}
.services .service-item {
	flex-wrap: wrap;
	text-align: center;
} 
.services .service-item .icon{
    margin: 0 auto 10px auto;
}
    
.cta-btn {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 10px 40px;
}
.cta-btn-arrow::after {
    top: 6px;
}       
.header .logo img{
    max-width: 100%;
    max-height: 58px;
}    
    
.horoscope-section .row-cols-lg-6 {
	display: flex;
	grid-template-columns: repeat(12, 1fr);
}  
 .contact-info-thank {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px;
}    
    
    
}

@media (min-width:320px) and (max-width:479px) {
.banner-div {
	flex-wrap: wrap;
}
.hero .carousel-item{
    position: relative;
    flex-wrap: wrap;
}    
.hero .carousel {
	min-height: 508px;
}   
.hero .banner-details {
	padding-left: 20px;
	padding-right: 20px;
}    
.hero h3 {
	font-size: 20px;
}   
 .hero .off-text {
    font-size: 22px;
    display: inline-block;
    margin-left: 0;
    margin-top: 10px;
  }
.hero h2 {
	font-size: 26px;
	line-height: 34px;
}   
.hero .btn-get-started {
	padding: 8px 32px;
	font-size: 18px;
}
.hero .carousel-item{
    padding: 30px 0px;
}    
.main-services-block-out {
	padding-left: 15px;
	display: flex;
	padding-right: 15px;
	padding-top: 15px;
}
.main-services-block .block-div.left-top {
	padding: 0;
	margin-bottom: 15px;
}    
 .main-services-block .block-div.right-top {
	padding: 0;
	margin-bottom: 10px;
}   
.main-services-block .block-div.left-bottom {
	padding: 0;
	margin-bottom: 10px;
}    
.main-services-block .block-div.right-bottom {
	padding: 0;
}  
  
.inner-slider-div::after {
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
}   
section, .section{
    padding: 30px 0px;
}    
.section-title h2 {
	font-size: 28px;
	margin-bottom: 12px;
	padding-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 40px;
}    
.section-title p {
	font-size: 14px;
}
.horoscope-section.tabs .nav-tabs {
	margin-left: -15px;
	margin-right: -15px;
}
.horoscope-section.tabs .nav-item.col {
	padding-left: 15px;
	padding-right: 15px;
	width: 50%;
}    
.horoscope-section.tabs .nav-link {
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
    text-align: center;
}
.horoscope-section.tabs .tab-content{
    padding-top: 0px !important;
}  
 .horoscope-section.tabs .tab-content .tab-pane select {
	margin-bottom: 10px;
} 
.kundli .kundli-item {
	height: auto;
	margin-bottom: 15px;
}    
    .kundli .kundli-item h3{
        font-size: 18px;
    }    
    .book_session_box .icon-div {
	width: 90px;
	height: 90px;
	position: relative;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 2px solid #9c6e4c;
	border-radius: 100px;
	margin: 0 auto 10px;
}
 .book-sessions .book_session_box {
	background-color: #172b4d;
	border-radius: 5px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	height: 100%;
	position: relative;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #9c6e4c;
	color: #fff;
}   
   
.book-sessions .col {
	margin-top: 25px;
}    
.footer-contact {
	margin-bottom: 10px;
	margin-top: 10px;
}
.social-links{
  margin: 10px 0px;
}    
 .video-info {
	padding: 5px 0;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 5px 0 !important;
}   
    
.recent-articles-card .articles .articles-content p {
	font-size: 14px;
	line-height: 22px;
	padding: 0px;
	margin: 0px 0 3px 0;
}    
.recent-articles-card .articles .articles-content .date-show{
        font-size: 13px;
    }   
.festival-calendar ul li .twolines{
        font-size: 14px;
    }
.section-title h2 {
	font-size: 22px;
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: 36px;
}  
    
.footer .footer-links {
	margin-bottom: 10px;
	margin-top: 10px;
}
.services .service-item {
	flex-wrap: wrap;
	text-align: center;
} 
.services .service-item .icon{
    margin: 0 auto 10px auto;
}
    
.cta-btn {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 10px 40px;
}
.cta-btn-arrow::after {
    top: 6px;
}
.header .logo img{
    max-width: 100%;
    max-height: 58px;
}     
    .stats .stats-item p{
        font-size: 16px;
    }  
    .horoscope-section .row-cols-lg-6 {
	display: flex;
	grid-template-columns: repeat(12, 1fr);
}
    
    .info-card{
        flex-wrap: wrap;
        gap: 0;
    }    
   .card-content {
	width: 100%;
	font-size: 15px;
}
    .card-title {
	font-size: 18px;
	margin-bottom: 8px;
}
    .card-content small {
	font-size: 14px;
	font-weight: 400;
}
    .form-control{
        font-size: 14px;
        list-style: 20px;
    }
    .form-select{
        font-size: 14px;
    }
    .col-form-label {
	font-size: 14px;
	line-height: normal;
}
.captcha-code-full .captcha-code-input {
	margin: 10px 0 0 0 !important;
	padding: 0;
	display: inline-block;
	width: auto;
}  
.astrologer-form.course-box {
	height: auto;
	margin-bottom: 15px;
}    
 .contact-info-thank {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px;
}   
    
    
}