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

	.footer-left {
        padding-left: 20px;
    }


    .main-left-logo a img {
        width: 173px;
    }

    .search-box input {
        width: 251px;
        height: 45px;
        padding: 13px 12px;
        font-size: 15px;
    }

    .search-box button {
        padding: 11px 22px;
        margin-left: 9px;
    }

    .search-box button i {
        font-size: 19px;
    }

    .header-contact h4 a {
        font-size: 21px;
        color: #7C2E81;
    }

    .header-contact h6 a {
        font-size: 14px;
    }

    .header-button-zone button {
        width: 187px;
        padding: 6px;
        font-size: 18px;
    }


    .berater-client {
        width: 123px;
    }

    .main-berater-flex {
        gap: 30px;
    }

    .berater-id-zone {
        gap: 25px;
    }

    .brand-zone ul li {
        margin-left: 16px;
    }


    .auch-left h3 {
        font-size: 27px;
    }

    






}



/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	

   
	.main-right {
        width: 100%;
    }

    .header-area {
        background: linear-gradient(180deg, rgba(252, 244, 240, 0.5) 0%, rgba(247, 233, 231, 0.5) 100%);
        padding: 0px 0 38px;
        border-top: none
    }


    .berater-area {
        padding: 60px 20px 90px;
    }

    .auch-ctn h2 {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .auch-left h3 {
        font-size: 26px;
    }

    .auch-main-zone {
        padding: 45px 0 0px;
    }

    .qualitet-content h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .vielfälti-content h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .brand-zone p {
        font-size: 15px;
        margin-top: 60px;
    }

    .footer-area {
        padding: 52px 0 50px;
    }



   .impressum-zone {
    padding: 15px 15px;
   }

   .ims-slider {
    border-radius: 10px;
   }

   .inner-mobile-slider h2 {
        font-size: 45px;
    }




}


@media screen and (min-width: 992px)  {

	/*
    ====================================
    Berater Details page
    ====================================
    */	
    
    .write-review-area {
        max-width: 270px;
        position: absolute;
        right: 24px;
        top: 0;
        margin-top: 23px;
        margin-bottom: 95px;
    }

    
    .berater-client-img {
        width: 120px;
    }

    


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


	
   
	.main-right {
        width: 100%;
    }

    .header-area {
        background: linear-gradient(180deg, rgba(252, 244, 240, 0.5) 0%, rgba(247, 233, 231, 0.5) 100%);
        padding: 0px 0 0px;
        border-top: none
    }

    .inner-mobile-slider h2 {
        font-size: 40px;
    }

    #client-carousel .owl-nav .owl-next {
        top: 15px;
        right: 32px;
    }

    #client-carousel .owl-nav .owl-prev {
        top: 15px;
        left: 32px;
    }

    .berater-area {
        padding: 50px 20px 55px;
    }

    .name-star-flex {
        justify-content: start;
        gap: 30px;
        align-items: center;
    }

    .alles-left img {
        border-radius: 10px 10px 0px 0px;
    }

    .alles-right {
        border-radius: 0px 0px 10px 10px;
    }

    .alles-right h3 {
        font-size: 28px;
    }

    .alles-right p {
        font-size: 17px;
        margin-bottom: 28px;
    }

    .auch-ctn h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .auch-left h3 {
        font-size: 23px;
    }

    .auch-left h5 {
        font-size: 16px;
        margin-top: 14px;
    }

    .auch-left h5 i {
        margin-left: 6px;
    }

    .qualitet-content h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .qualitet-content p {
        line-height: 1.4;
    }

    .vielfälti-content h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .vielfälti-content p {
        font-size: 16px;
        margin-top: 40px;
    }

    .brand-zone ul li {
        margin-left: 15px;
    }

    .qualitet-aria {
        padding: 45px 0 50px;
    }

    .footer-center {
        padding-left: 0;
        margin-bottom: 25px;
    }

    .footer-area {
        background: #BD57A7;
        padding: 40px 0 20px;
    }

    .foter-down p {
        font-size: 16px;
    }

    .vielfälti-content {
        margin-top: 40px;
    }




    .main-berater-flex {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 30px;
    }

    .berater-client {
        display: flex;
    }






      /*=============================
        Content-Page start here 
    ===============================*/


    .mobile-header-menu {
        background: linear-gradient(180deg, rgba(252, 244, 240, 0.5) 0%, rgba(247, 233, 231, 0.5) 100%);

    }

    .impressum-zone {
        padding: 14px 20px 70px;
    }

    .ims-slider {
        border-radius: 10px;
        padding: 45px 15px;
        text-align: center;
    }


    .astro-flex {
        gap: 295px;
    }

    .telefon-flex {
        gap: 310px !important;
    }

    .email-area {
        gap: 320px !important;
        align-items: baseline;
    }



    /* berater details page */

    
    #client-carousel .owl-item {
        text-align: center;
    }
    
    #client-carousel .inner-mcf-img img {
        width: 80px;
        margin: 0 auto;
    }

    #client-carousel .inner-mcf-ctn img {
        width: 21px;
        height: 21px;
        margin: 0 auto;
    }

    .client-rating-right > img {
        
        margin-bottom: 14px;
    }

    .all-review-area {
        padding: 80px 0 120px;
    }

    .text-h3 {
        font-size: 35px;
    }

    .focus-area {
        margin-bottom: 25px;
    }

    .qualifications-area p {
        font-size: 16px;
    }

    .availability-area table td button {
        padding: 8px 20px;
        font-size: 16px;
    }
	  
	.availability-area table td {
        font-size: 16px;
    } 




}


/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	

   
	.main-right {
        width: 100%;
    }

    .header-area {
        background: linear-gradient(180deg, rgba(252, 244, 240, 0.5) 0%, rgba(247, 233, 231, 0.5) 100%);
        padding: 0px 0 0px;
        border-top: none
    }
    
    #client-carousel .owl-item {
        text-align: center;
    }
    
    #client-carousel .owl-nav .owl-prev {
    top: 6px;
    left: -15px;
    font-size: 40px;
    }

    #client-carousel .owl-nav .owl-next {
        font-size: 40px;
        top: 6px;
        right: -15px;
    }

    .berater-content h2 {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .berater-area {
        padding: 52px 20px 100px;
    }

    .barater-client-reviews h6 {
        font-size: 15px;
        margin-top: -33px;
    }

    .call-link a {
        font-size: 18px;
        width: 100%;
        height: 40px;
        padding: 0 9px;
    }

    .call-link a i {
        margin-right: 0px;
    }

    .berater-id-zone {
        gap: 23px;
        margin-top: -20px;
    }

    .alles-right {
        padding: 35px 20px 43px;
        border-radius: 10px 10px 10px 10px;
    }

    .alles-right h3 {
        font-size: 27px;
        margin-bottom: 10px;
    }

    .alles-right p {
        margin-bottom: 22px;
    }

    .mbf-area {
        margin-top: 39px;
    }

    .auch-main-zone {
        padding: 65px 0 0px;
    }

    .auch-ctn h2 {
        font-size: 26px;
        margin-bottom: 43px;
    }

    .auch-left {
        margin-bottom: 42px;
    }

    .qualitet-aria {
        padding: 40px 0 70px;
    }

    .qualitet-content h2 {
        font-size: 26px;
        margin-bottom: 24px;
    }

    .qualitet-content p {
        line-height: 1.5;
    }

    .vielfälti-content h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .vielfälti-content p {
        line-height: 1.5;
    }

    .brand-zone ul li a img {
        width: 102px;
    }

    .brand-zone ul li {
        margin-left: 5px;
    }

    .brand-zone p {
        margin-top: 37px;
    }

    .footer-center {
        padding-left: 0;
        margin-bottom: 23px;
    }

    .footer-area {
        padding: 41px 0 110px;
    }

    .footer-left p {
        font-size: 15px;
        margin-top: 42px;
    }

    .footer-center ul li a {
        font-size: 15px;
    }






    .main-berater-flex {
        display: flex;
        flex-direction: column;
        margin-bottom: 48px;
    }

    .berater-client {
        display: flex;
        gap: 33px;
        align-items: center;
    }







    /*=============================
        Content-Page start here 
    ===============================*/


    .mobile-header-menu {
        background: linear-gradient(180deg, rgba(252, 244, 240, 0.5) 0%, rgba(247, 233, 231, 0.5) 100%);

    }

    .impressum-zone {
        padding: 14px 20px 70px;
    }

    .ims-slider {
        border-radius: 10px;
        padding: 24px;
        text-align: center;
    }


    .astro-flex {
        gap: 108px;
    }

    .telefon-flex {
        gap: 123px !important;
    }

    .email-area {
        gap: 135px !important;
    }

    .email-link-ctn a {
        max-width: 150px;
    }

    .inhaltlich-area h6 {
        max-width: 192px;
    }






    /* 
    =========================
    Berater Details PAge
    =========================
    */

    .client-review-top {
        display: flex;
        flex-direction: column;
        padding: 33px 15px;
        margin-bottom: 50px;
        margin-top: 100px;
    }


    .client-review-top .client-pic > img {
        position: initial;
        width: 120px;
        height: 120px;    
        margin-top: -110px;
        margin-bottom: 10px;
    }

    .client-review-top .client-title h3 {
        font-size: 30px;
        line-height: 1.4;
    }

    .client-rating-right {
        display: flex;
        gap: 10px;
    }

    .client-rating-right > img {
       
        margin-bottom: 0px;
    }

    .client-rating-right ul {
        gap: 10px;
    }

    .client-rating-right ul li img {
        width: 26px;
        margin-right: 6px;
    }

    .berater-flex-area {
      flex-direction: column;
    }

    .berater-flex-area > .barater-client-reviews {
      width: 100%;
    }

    .berater-flex-area > .inner-cta-buttons{
      width: 100%;
    }

    .inner-client-right-btm {
        flex-direction: row;
        gap: 12px;
        margin: 35px 0 0px;
    }
        
    .inner-cta-buttons .inner-berater-id {
        margin: 0;
    }


    #client-carousel .inner-mcf-img img {
        width: 80px;
        margin: 0 auto;
    }

    #client-carousel .inner-mcf-ctn img {
        width: 21px;
        height: 21px;
        margin: 0 auto;
    }


    .all-review-area {
        padding: 80px 0 120px;
    }

    .pagination ul li {
        margin: 0 0px;
    }

    .m-max-w-100 {
        max-width: 100%;
        padding: 0;
    }

    .focus-area a {
        font-size: 13px;
        padding: 12px 10px;
    }

    .text-h3 {
        font-size: 30px;
    }

    .focus-area {
        margin-bottom: 25px;
    }

    .qualifications-area p {
        font-size: 16px;
    }


    .email-offer-area table td {
        display: block;
    }

    .email-offer-area table td .d-flex {
        justify-content: space-between !important;
    }


}




@media screen and (min-width: 576px) and (max-width: 767px) {


    #client-carousel .owl-nav .owl-prev {
    left: 0px;
    }

    #client-carousel .owl-nav .owl-next {
        right: 0px;
    }


}