

@media only screen and (min-width : 1200px) and (max-width:1272px) {
	

	
	
	
}


@media only screen and (min-width : 1030px) and (max-width:1366px) {
	



.banner-left-content {width: 52%;left: 28%;}

.astro-call {left: 44%}

.banner-left-content {top: 50%;}

.top-horoscope {top: 150px;}

.main-services-box {
    padding-top: 400px;
}

.bottom-horoscope {top: 359px;}

.click-chats p {font-size: 22px;}

.services-right {padding: 24px 40px;}
	
.services-box {padding: 14px 20px;}	


}

@media only screen and (max-width:767px) {
	
.guruji-image img {
    width: 100%;
}

.contact-bottom .header-left {
    display: block !important;
}

.responsive-horoscope { display:none !important;}

.row.how-its-work-main {
    display: block;
}

.how-it-work {
    display: flex;
    padding: 0 10px;
    flex-direction: row-reverse;
    gap: 20px;
    align-items: center;
}

.header-left {
   
    display: none !important;
}

.main-navigation .navbar-nav .active a.nav-link {
    background-image: none;
    
    color: #ebc594 !important;
}	

.top-horoscope img {
    width: 100%;
    z-index: 9;
    position: relative;
}

.services-left span {font-size: 14px;}

.services-left h2 {font-size: 58px;}


br {
    display: none;
}

.services-left p {font-size: 16px;}

.services-left.abt-left p {font-size: 16px;}

.black-magic-chakra img {
    width: 50%;
 
    left: 23%;
    top: -130px;
   
}

.form-main h2 {
    font-size: 39px;
   
}

.form-whtsapp {

    justify-content: center;
    flex-wrap: wrap;
}

.form-whtsapp img {
    position: relative;
   
}

.click-chats {
    margin-left: 0;
    margin-top: 10px;
}

.trust-astrologer-heading h2 {
  
    font-size: 38px;
}	

.trust-astrologer-heading p {
    
    font-size: 17px;
}

.services-right h2 {

    font-size: 34px;
   
}

.services-right {
    
    padding: 18px 40px;
}

a.click-phone {
    
    font-size: 25px;
   
    padding: 2px 0;
    margin: 0 0;
}

section.trust-astrologer-main {
    padding: 40px 0 0px;
}

.astrology-services {padding: 0px 20px;}

.inner-adv {
    margin-bottom: 60px;
}

.guruji-image {
 
    margin-top: 10px;
}

.testimonial-box-content-right p {
  
    font-size: 12px;
   
}

.testi-name h5 {
 
    font-size: 25px;
    
}

.testimonil-buttons {
    display: flex;
   
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.testimonial-main-section {
   
    padding-bottom: 40px;
}

.footer-box ul {
   
    margin-bottom: 0;
}

.footer-box {
    margin-bottom: 20px;
}

button.btn.btn-link.faq-btn {
    
    font-size: 17px;
    
}

.adv-img:after {
  
    bottom: -78px;
  
}


.adv-call br {
    display: block;
}

.faq-card .card-body {
  
    font-size: 14px !important;
}

header {
    position: absolute;
}

.header-right {
    
    display: none;
}

.main-video-section {
    position: relative;
    padding-bottom: 90px;
    padding-top: 110px;
}

.main-inner-banner {
    padding-top: 120px;
}

.banner-left-content p {
    font-size: 11px;
    margin-bottom: 0;
}

.banner-left-content h1 {
    font-size: 17px;
    line-height: 20px;
}

.banner-left-content {
    width: 50%;
    top: 48%;
}
section.trust-astrologer-main.inner-trust-astrologer-main {
    padding: 50px 0;
}

.banner-left-content img {
    width: 100%;
}

.header-left {
    align-items: center;
    justify-content: center;
    display: flex;
}

.main-services-box {
    padding-top: 10px;
}

.bottom-horoscope {
    position: relative;
    top: -18px;
}

.banner-left-content a {
  
    font-size: 28px;
  
    margin-right: 0;
}

.top-horoscope {
    text-align: center;
    position: relative;
    transform: translate(0%,0%);
    left: 0;
    top: 0;
}

.banner-left-content a {line-height: 27px;}


.navbar-light .navbar-toggler {
    color: #e9921d;
    border-color: #e9921d;
}

.astro-call {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%,-50%);
    z-index: 9999999999999;
}

.res-top-scroll {
    display: block;
}


.astro-call img.top-phone {
    width: 47%;
}

.main-navigation {
    background-image: none;
    margin-top: 0px;
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 50%;
    right: 0;
}

button.navbar-toggler:focus {
    outline: none;
}

#faqAccordion .icon {
    
    margin-right: 0;
}

#faqAccordion button.btn.btn-link.faq-btn {
    white-space: normal;
    word-break: break-word;
    display: inline-flex;
}

.main-navigation ul.navbar-nav {
    background: #0d0a07;
    position: relative;
    top: 17px;
    padding: 20px 10px;
    border: 1px solid #251e1b;
}

.navbar {
    justify-content: end !important;
    padding: 0 !important;
}

.navbar-light .navbar-toggler {
  
    border-color:none;
    background-color: #ea931f;
}

.middle-section {
   
    top: -40px;
   
}

.top-header .col-lg-4.col-9 { position:relative; z-index:99;}

.banner-right img {
    width: 100%;
}

.main-inner-banner .row {
    display: flex;
    flex-direction: column-reverse;
}



.banner-left {
    margin-top: 30px;
}

.banner-left h2 {
    
    font-size: 39px;
    line-height: 45px;
}

.banner-left p {
   
    font-size: 15px;
}

.services-left h2 {
    font-size: 35px;
}

section.main-about-section.inner-abt-section {
    padding-top: 40px;
}

section.middle-section.innermiddle-section {
    padding-bottom: 10px;
}


.contact-bottom .header-right {
    display: block;
}

.contact-bottom {
    display: block;
    
}

.contact-bottom .header-left {
    justify-content: left;
    margin-bottom: 20px;
}

.contact-page-box {
   
    background-position: center;
}

.menu-sub .fa.fa-list-ul {
    font-size: 21px;
    color: #fff;
}

.menu-sub {
    display: block;
    position: absolute;
    right: 15px;
    top: 11px;
}

.drop-menus {
    cursor: pointer;
    padding: 5px;
    text-align: right;
    margin-bottom: 0;
}

li.dropdown:hover .dropdown-menu {
        display: none;
 }
 
 .foot-sell {
    display: block !important;
}

.foot-call:hover {
    color: #fff;
}

section.footer-bottom {
   
    padding: 20px 0 60px;
   
}

section.footer {
   
    padding: 50px 0 0;
}

.col-lg-12.start-cons {
    padding: 0 40px;
}

.how-it-work-content {
    text-align: left;
}

.how-it-work-content h2 {
   
    font-size: 26px;
}

.how-it-work-content p {
   
    font-size: 14px;
}

.how-its-work-main .trust-astrologer-heading {
    margin-bottom: 20px;
}

.row.how-its-work-main {
    overflow: hidden;
    padding-top: 20px;
}

.web-services {
    display: none !important;
}

.services-left.abt-left h2 {
    font-size: 40px;
   
}

.top-header {
    padding-top: 10px;
}

.services-left.abt-left.inner-abt h2 {
    font-size: 30px;
    line-height: 34px;
}

.respsnove-astro-services {
    display:block;
}

.respsnove-astro-services{
    padding:15px 0;
  }

  .grid{
    grid-template-columns: 1fr 1fr;
    gap:12px;
  }

  .card.large{
    grid-row: span 2;
    height:360px;
  }

  .card{
    height:150px;
  }

 .card-title {
    font-size: 17px;
}



	
}


@media only screen and (min-width : 380px) and (max-width:400px) {

.services-right {
    padding: 23px 40px;
}



	}



