@media only screen and (max-width: 1300px) {
    .center {
        width: 940px;
    }
    
    .service-grid-content-area {
        width: 260px;
    }
    
    .main-blog {
        width: 700px;
    }
    
    .sidebar {
        width: 241px;
    }
    
    .tagcloud a {
        padding: 10px 20px;
    }
    
    h1.post-title, h1.single-post-title {
        padding: 0 100px;
    }
    
    .contact-form-wrapper {
        width: 630px;
    }
    
    .contact-maps-wrapper {
        width: 290px;
    }
    
    .contact-details {
        width: 270px;
        padding: 20px 20px 10px 20px;
    }
    
    .opening-hours {
        width: 270px;
    }
    
    .service-content-wrapper {
        width: 630px;
    }
    
    .service-extra-images {
         width: 290px;
    }
    
    .contact-maps {
        height: 475px;
    }
    
    .vc_alissa_welcome {
        width: 940px;
    }
    
    .welcome-left {
        width: 430px;
    }
    
    .welcome-right {
        width: 430px;
    }
    .main-menu ul.sf-menu > li > a {
        margin-left: 20px;
    }
    
    a.appointment-button.menu-appointment-button {
        margin-left: 30px;
    }
    
    .price-list-wrapper {
        width: 940px;
    }
    
    .price-list-single {
        width: 340px;
    }
}

@media only screen and (max-width: 959px) {
    .center {
        width: 728px;
    }
    
    ul.socials-sh li a {
        font-size: 15px;
    }
    
    .upper-panel-items {
        margin-top: 3px;
    }
    .upper-panel-items .upper-panel-item {
        margin: 0 10px;
    }
    
    .upper-panel-items .upper-panel-icon {
        font-size: 18px;
        margin-right: 0;
    }
    
    .upper-panel-item-details {
        margin-left: 30px;
    }
    
    a.appointment-button.menu-appointment-button {
        display: none;
    }
    
    .menu-wrapper {
        margin-top: 5px;
    }
    
    .main-menu > div {
        float: none;
    }
    

    .upper-panel-item-details {
        text-align: left;
    }
    
    .header-wrapper .center {
       
        padding: 20px;
    }
    
    .menu-book-small-screen {
        display: inline-block;
    }
    
    .logo {
        float: left;
    }
    
    .menu-icon {
        margin-top: 20px;
    }
    
    .service-grid-single {
        width: 50%;
    }
    
    .service-grid-content-area {
      width: 100%;
      margin-top: -7px;
        max-width: 400px;
    }
    
    .service-grid .service-grid-single:nth-child(3n+1){  
        clear: none; 
    } 
    
    .service-grid .service-grid-single:nth-child(2n+1){  
        clear: both; 
    } 
    
    .vc_alissa_welcome {
        width: 728px;
    }
    
    .welcome-left {
        width: 100%;
        text-align: center;
    }
    
    .welcome-right {
        width: 450px;
        margin: 0 auto;
        float: none;
    }
    
    .testimonial-content {
        width: 90%;
    }
    
    .service-content-wrapper {
        width: 100%;
    }
    
    .service-extra-images {
        width: 100%;
        max-width: 390px;
        floAT: NONE;
        margin: 0 auto;
        display: inline-block;
    }
    
    h1.page-title {
        text-align: center;
        padding: 20px 0px 20px;
    }
    
    .single-service .page-wrapper {
        text-align: center;
    }
    
    .main-blog {
        width: 100%;
        padding-right: 0;
        border: none;
    }
    
    h1.post-title, h1.single-post-title {
        padding: 0;
    }
    
    .post_content {
        padding: 0;
        text-align: center;
    }
    
    .sidebar {
        max-width: 390px !important;
        width: 100% !important;
        margin-left: -195px;
        left: 50%;
        position: relative;
        margin-top: 30px;
        padding: 0;
        border: none;
    }
    
    .contact-form-wrapper {
        width: 100%;
    }
    
    .contact-maps-wrapper {
        width: 100%;
		margin-top: 50px;
        margin-bottom: 100px;
    }
    
    .contact-details {
        width: 300px;
    }
    
    .opening-hours {
        width: 300px;
    }
    
    .page-title-wrapper.has-bg-image {
        padding: 40px 0;
        text-align: center;
    }
    
    .price-list-wrapper {
        width: 728px;
    }
    
    .price-list-single {
        width: 240px;
    }
    
}


@media only screen and (max-width: 767px) {
    .center {
        width: 90%;
    }
    
    .vc_alissa_welcome {
        width: 100%;
    }
    
    .special-offer-grid-single {
       margin: 0 10px;
    }
    
    .header-wrapper .center {
        padding: 10px 0;
    }
    
    .special-offer-grid {
        width: 100%;
    }
    
    .footer-content-left {
        width: 100%;
        text-align: center;
    }
    
    .footer-content-right {
        width: 100%;
        text-align: center;
    }
    
    span.wpcf7-form-control-wrap.your-name {
        width: 100%;
    }

    span.wpcf7-form-control-wrap.your-email {
        width: 100%; 
    }
    
    
    .vc_alissa_welcome {
        text-align: center;
    }
    
    
    
    h2.welcome-title {
        font-size: 32px;
    }
    
    h1.sh-title.special-offer-title {
        font-size: 32px;
    }
    
    .team-member-single {
        width: 50%;
    }
    
    .quote-content {
        font-size: 32px;
    }
    
    h1.post-title a, h1.single-post-title {
        font-size: 22px;
    }
    
    .post-categories-names a {
        font-size: 30px;
    }
    
    .price-list-wrapper {
        width: 100%;
        text-align: center;
    }
    
    .price-list-single {
        width: 100%;
        max-width: 360px;
        float: none;
        display: inline-block;
    }
    
    .price-vertical-border {
        display: none;
    }
    
    .prefooter-details-wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    
    a.appointment-button.menu-appointment-button {
        margin-left: 0;
        float: none;
    }
    
    .prefooter-content-text {
        padding-right: 0;
    }
    
    .contact-details {
        margin-top: 0;
    }
    
    #comments {
        padding: 0;
    }
    
    .post-tags {
        padding: 0;
        text-align: center;
    }
    
    h2.price-list-title {
        font-size: 32px;
    }
    
    .prefooter-content {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 670px) {
    .upper-panel {
        display: none;
        height: 0px;
    }
    
    .main-menu {
        display: none;
    }
    
    .header-wrapper.header-sticky {
        display: none !important;
    }
    
    .menu-icons-inside {
        display: inline-block;
    }
    
    .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {
        margin-bottom: 35px !important;
    }
    
    .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_col-has-fill > .vc_column-inner {
        padding-top: 35px !important;
    }
    
    html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        font-size: 13px;
    }
}


@media only screen and (max-width: 640px) {
    .special-offer-grid-single {
        display: block;
        left: 50%;
        margin-left: -75px;
    }
    
    .service-grid-single {
        width: 100%;
    }
}


@media only screen and (max-width: 350px) {
    .service-grid-content-area {
        width: 100%;
        margin-top: 0;
        padding: 15px 10px;
        border: 5px solid #eee;
    }
    
    .service-grid-single-thumb {
        display: block;
        line-height: 0;
    }
    
    h2.service-title a {
        font-size: 25px;
    }
    
    .team-member-single {
        width: 100%;
    }
    
    .contact-details {
        width: 100%;
    }
    
    .opening-hours {
        width: 100%;
    }
    
 
}

@media only screen and (max-width: 840px) {
    .popup-appointment-inside div.wpcf7 {
        width: 90%;
    }
}

@media only screen and (max-width: 500px) {
    .popup-appointment-wrapper {
        display: block;
        margin-top: 100px;
    }
    
    .popup-appointment-inside {
        display: block;
    }
    
    .pego-appointment-form .app-name  span.wpcf7-form-control-wrap, .pego-appointment-form .app-phone   span.wpcf7-form-control-wrap, .pego-appointment-form .app-type   span.wpcf7-form-control-wrap, .pego-appointment-form .app-date   span.wpcf7-form-control-wrap  {
        float: right;
        width: 100%;
    }
    
    .welcome-right {
        float: none;
        width: 100%;
    }
    
    .welcome-right .welcome-image1 {
        float: none;
    }
    
    .welcome-right .welcome-image2 {
        float: none;
    }
    
    .welcome-right .welcome-image3 {
        margin-right: 0px;
        margin-top: 0;
        float: none;
    }
}


@media only screen and (max-height: 450px) {
    .pego-appointment-form textarea {
        height: 70px;
    }
    
    .appointment-pretext {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .pego-appointment-form input, .pego-appointment-form textarea {
        padding: 9px 20px;
    }
    
    .footer-wrapper {
        position: relative;
    }
    
    #barba-wrapper {
        margin-bottom: 0 !important;
    }
    
    .overlay-contentscale.open {
        text-align: center;
    }
    
    .fulloverlay .overlay-close {
        position: relative;
        right: auto;
        margin-top: 10px;
        top: auto;
        width: 15px;
        height: 15px;
    }
    
    .popup-appointment-wrapper {
        margin-top: 15px;
    }
    
    .pego-appointment-form input.wpcf7-submit { 
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 450px) {
    .pego-appointment-form textarea {
        height: 70px;
    }
    
    .appointment-pretext {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .pego-appointment-form input, .pego-appointment-form textarea {
        padding: 9px 20px;
    }
    
    .overlay-contentscale.open {
        text-align: center;
    }
    
    .fulloverlay .overlay-close {
        position: relative;
        right: auto;
        margin-top: 10px;
        top: auto;
        width: 15px;
        height: 15px;
    }
    
    .popup-appointment-wrapper {
        margin-top: 15px;
    }
}


@media only screen and (max-height: 500px) {
    .upper-panel {
        display: none;
        height: 0px;
    }
    
    .main-menu {
        display: none;
    }
    
    .header-wrapper.header-sticky {
        display: none !important;
    }
    
    .menu-icons-inside {
        display: inline-block;
    }
    
    .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {
        margin-bottom: 35px !important;
    }
    
    .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_col-has-fill > .vc_column-inner {
        padding-top: 35px !important;
    }
    
    
}