@media all and (min-width: 1670px) {

}

@media (max-width: 1380px){

}

@media (max-width: 1200px){

}

@media all and (max-width: 1040px) {
    .zodiac-center {
        width: 50%;
    }
    /* Positioning 12 zodiac items around circle */
    .zodiac-item[data-sign="aries"]     { top: 10%; left: 70%; }
    .zodiac-item[data-sign="taurus"]    { top: 25%; left: 80%; }
    .zodiac-item[data-sign="gemini"]    { top: 40%; left: 90%; }
    .zodiac-item[data-sign="cancer"]    { top: 55%; left: 90%; }
    .zodiac-item[data-sign="leo"]       { top: 70%; left: 80%; }
    .zodiac-item[data-sign="virgo"]     { top: 85%; left: 70%; }
    .zodiac-item[data-sign="libra"]     { top: 85%; left: 30%; }
    .zodiac-item[data-sign="scorpio"]   { top: 70%; left: 20%;  }
    .zodiac-item[data-sign="sagittarius"]{ top: 55%; left: 10%; }
    .zodiac-item[data-sign="capricorn"] { top: 40%; left: 10%; }
    .zodiac-item[data-sign="aquarius"]  { top: 25%;  left: 20%; }
    .zodiac-item[data-sign="pisces"]    { top: 10%;  left: 30%; }
}

@media all and (min-width: 992px) {
    .navbar-nav .nav-item .dropdown-menu{ display: none; margin-top:0; }
	.navbar-nav .nav-item:hover .dropdown-menu{ display: block; }
	
	.about-container .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333% !important;
    }
	.about-container .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667% !important;
    }
}

@media all and (max-width: 992px){
    
    .about-container .col-md-4 {
        width: auto;
    }
	.about-container .col-md-8 {
        width:  auto;
    }
    
    .banner-content-wrapper {
        align-items: center;
    }
    .navbar-dark .navbar-toggler{
		color: #fff;
		background-color: var(--theme-color-5);
		width: 50px;
		height: 50px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.navbar-collapse{
		position: absolute;
		top: 66px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: auto;
		overflow: auto;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: var(--heading-color);
	}

	.navbar-nav .dropdown-menu{
		box-shadow: none;
	}

	.navbar .nav-item:hover .dropdown-menu{
		box-shadow: none;
	}

	.slick-list {
		margin: 0 0px;
	}

    section{
        padding: 35px 0px;
    }

    .banner-heading{
        text-align: center;
        font-size: 45px;
    }

    .banner-description{
        text-align: center;
    }

    .section-heading{
        font-size: 36px;
    }

    .content-heading{
        font-size: 32px;
    }

    .astologer-content{
        padding: 16px;
    }

    .horoscope.nav-pills .nav-item{
        margin-bottom: 15px;
    }

    .footer-contact-group{
        flex-direction: column;
    }

    .footer-contact-item.middle{
        border: none;
        padding: 20px 0px;
    }

    .contact-info{
        padding: 0px;
    }
    
    
    .asm_choose_outer{
        gap: 0px;
    }
    
    .asm_orbit_inner {
        top: 45%;
        left: 41%;
    }
    
    .asm_orbit_inner span {
        font-size: 20px;
    }
    
    .asm_counter_choose img{
        width: 250px;
    }
    
    .asm_counter_choose p{
        font-size: 18px;
    }
    
    
    .zodiac-item {
        width: 190px;
        padding: 10px 7px;
        border-radius: 0 33px;
    }
    
    .zodiac-item h3 {
        font-size: 20px;
    }
    
    .zodiac-item p {
        font-size: 14px;
    }
  
    .footer_flex{
        gap: 40px;
    }
    .asm_inner_columns {
        flex: 1 1 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
    
    .asm_bottom_form .contact-form-wrapper {
        width: 100%;
    }
    
}

@media all and (max-width: 768px){
    .row {
        align-items: center;
        justify-content: space-between;
    }
    .row .col-12,
    .row>*{
        width: auto;
    }
    
    .navbar-dark .navbar-toggler{
		color: #fff;
		background-color: var(--theme-color-5);
		width: 40px;
		height: 40px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.navbar-collapse{
		position: absolute;
		top: 66px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: auto;
		overflow: auto;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: var(--heading-color);
	}

	.navbar-nav .dropdown-menu{
		box-shadow: none;
	}

	.navbar .nav-item:hover .dropdown-menu{
		box-shadow: none;
	}

	.slick-list {
		margin: 0 0px;
	}

    section{
        padding: 35px 0px;
    }

    .topbar-contact-wrapper{
        text-align: center;
    }

    .topbar-social{
        text-align: center;
        margin-top: 10px;
    }

    .banner-heading{
        text-align: center;
        font-size: 45px;
    }

    .banner-description{
        text-align: center;
    }

    .section-heading{
        font-size: 36px;
    }

    .content-heading{
        font-size: 32px;
    }

    .astologer-content{
        padding: 16px;
    }

    .horoscope.nav-pills .nav-item{
        margin-bottom: 15px;
    }

    .footer-contact-group{
        flex-direction: column;
    }

    .footer-contact-item.middle{
        border: none;
        padding: 20px 0px;
    }

    .contact-info{
        padding: 0px;
    }
    
    .asm_orbit_inner span {
        font-size: 16px;
    }
    
    .asm_counter_choose img{
        width: 200px;
    }
    
    .asm_counter_choose p{
        font-size: 14px;
    }
    
    
    
    
    .asm_sign_heading h2 {
        font-size: 22px;
    }
    
    .zodiac-item {
        width: 170px;
        padding: 8px 5px;
        border-radius: 0 30px;
    }
    
    .zodiac-item h3 {
        font-size: 16px;
    }
    .zodiac-item p {
        font-size: 12px;
    }
    
    .zodiac-item img {
        width: 30px;
        height: auto;
    }
    
}

@media all and (max-width: 595px) {
    .zodiac-center {
        width: 45%;
    }
    
   /* Positioning 12 zodiac items around circle */
    .zodiac-item[data-sign="aries"]     { top: 10%; left: 65%; }
    .zodiac-item[data-sign="taurus"]    { top: 25%; left: 75%; }
    .zodiac-item[data-sign="gemini"]    { top: 40%; left: 85%; }
    .zodiac-item[data-sign="cancer"]    { top: 55%; left: 85%; }
    .zodiac-item[data-sign="leo"]       { top: 70%; left: 75%; }
    .zodiac-item[data-sign="virgo"]     { top: 85%; left: 65%; }
    .zodiac-item[data-sign="libra"]     { top: 85%; left: 35%; }
    .zodiac-item[data-sign="scorpio"]   { top: 70%; left: 25%;  }
    .zodiac-item[data-sign="sagittarius"]{ top: 55%; left: 15%; }
    .zodiac-item[data-sign="capricorn"] { top: 40%; left: 15%; }
    .zodiac-item[data-sign="aquarius"]  { top: 25%;  left: 25%; }
    .zodiac-item[data-sign="pisces"]    { top: 10%;  left: 35%; }
    
    .zodiac-item img {
        width: 25px;
        height: auto;
    }
    .zodiac-item {
        width: 135px;
        padding: 8px;
        border-radius: 0 30px;
        justify-content: start;
    }
    
    .zodiac-item h3 {
        font-size: 14px;
    }
    
    .zodiac-item p {
        font-size: 10px;
        line-height: 16px;
    }
}

@media all and (max-width: 576px) {
  .asm_inner_columns {
    flex: 1 1 100%;
    max-width: 100%;
  }
    
    .asm_orbit_inner {
        top: 42%;
        left: 39%;
    }
    
    .asm_orbit_inner span {
        font-size: 14px;
    }
    
    .asm_counter_choose img{
        width: 140px;
    }
    
    .asm_counter_choose p{
        font-size: 12px;
    }
    
  
}

@media all and (max-width: 480px){
    .topbar-contact-wrapper ul li a,
    .topbar-social li{
        font-size: 12px;
        margin: 0;
    }
    .navbar-dark .navbar-toggler{
		color: #fff;
		background-color: var(--theme-color-5);
		width: 40px;
		height: 40px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.navbar-collapse{
		position: absolute;
		top: 66px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: auto;
		overflow: auto;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: var(--heading-color);
	}

	.navbar-nav .dropdown-menu{
		box-shadow: none;
	}

	.navbar .nav-item:hover .dropdown-menu{
		box-shadow: none;
	}

	.slick-list {
		margin: 0 0px;
	}

    section{
        padding: 35px 0px;
    }

    .topbar-contact-wrapper{
        text-align: center;
    }

    .topbar-social{
        text-align: center;
        margin-top: 10px;
    }

    .banner-heading{
        text-align: center;
        font-size: 45px;
    }

    .banner-description{
        text-align: center;
    }

    .section-heading{
        font-size: 28px;
    }
    .section-description {
        font-size: 16px;
    }

    .content-heading{
        font-size: 32px;
    }
    .content-description {
        font-size: 14px;
    }

    .astologer-content{
        padding: 16px;
    }

    .horoscope.nav-pills .nav-item{
        margin-bottom: 15px;
    }
    
    .asm_nlist, .asm_nlist_li  {
        font-size: 14px;
    }
    p.asm_why_choose, .asm_why_choose_heading, .asm_list {
        font-size: 14px;
    }
    
    .asm_services_others .asm-flex .asm_list li {
        font-size: 11px;
        line-height: 28px;
    }
    
    
    .asm_orbit_inner {
        top: 39%;
        left: 39%;
    }
    
    .asm_orbit_inner span {
        font-size: 11px;
    }
    
    .asm_counter_choose img{
        width: 110px;
    }
    
    .asm_counter_choose p{
        font-size: 9px;
        margin-top: -6px;
    }
    
    .zodiac-center {
        top: 50%;
        width: 40%;
    }
    
    /* Positioning 12 zodiac items around circle */
    .zodiac-item[data-sign="aries"]     { top: 10%; left: 70%; }
    .zodiac-item[data-sign="taurus"]    { top: 26%; left: 80%; }
    .zodiac-item[data-sign="gemini"]    { top: 42%; left: 87%; }
    .zodiac-item[data-sign="cancer"]    { top: 58%; left: 87%; }
    .zodiac-item[data-sign="leo"]       { top: 74%; left: 80%; }
    .zodiac-item[data-sign="virgo"]     { top: 90%; left: 70%; }
    .zodiac-item[data-sign="libra"]     { top: 90%; left: 30%; }
    .zodiac-item[data-sign="scorpio"]   { top: 74%; left: 20%;  }
    .zodiac-item[data-sign="sagittarius"]{ top:58%; left: 13%; }
    .zodiac-item[data-sign="capricorn"] { top: 42%; left: 13%; }
    .zodiac-item[data-sign="aquarius"]  { top: 26%;  left: 20%; }
    .zodiac-item[data-sign="pisces"]    { top: 10%;  left: 30%; }
    
    .zodiac-item {
        width: 100px;
        padding: 5px;
        border-radius: 0 15px;
        justify-content: start;
    }
    
    .zodiac-item img {
        width: 15px;
        height: auto;
    }
    
    .zodiac-item h3 {
        font-size: 11px;
    }

    .zodiac-item p {
        font-size: 8px;
        line-height: 14px;
    }

    .asm_faqs h5 {
        font-size: 18px;
    }

    .asm_faqs p {
        font-size: 14px;
    }

    .footer-contact-group{
        flex-direction: column;
    }

    .footer-contact-item.middle{
        border: none;
        padding: 20px 0px;
    }
}