@media (min-width: 1200px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (max-width : 768px) {
    .header-menu {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 999;
        width: 100%;
    }
    header .header-menu ul li {
        display: block;
        text-transform: uppercase;
    }
}



/* FROM header.php */
@media only screen and (max-width: 360px) {
    /*.content .container .top-video, .content .container .top-video #home_video {*/
    /*width: 100% !important;*/
    /*height: 100% !important;*/
    /*}*/
    /*body .content .container .top-video {*/
        /*width: 290px !important;*/
        /*height: 139px !important;*/
        /*margin: 0 auto;*/
    /*}*/
    /*body .content .container .top-video #home_video {*/
        /*height: 139px !important;*/
        /*margin: 0 auto;*/
    /*}*/
    .container .banner {
        background-size: 290px 101px;
        background-position: center;
        margin: 0 auto;
    }
    html body .content .container .banner {
        /*height: 101px;*/
        /*width: 290px;*/
    }
    .container .banner-appointment {
        background-size: 290px 140px;
        background-position: center;
        margin: 0 auto;
    }
    /*html body .content .container .banner-appointment {*/
        /*height: 140px;*/
        /*width: 290px;*/
    /*}*/
    .other-list li.active a, .other-list li a:hover {
        background-position: right !important;
    }
    .other-list li a {
        width: 100% !important;
    }
    body .content .container #home_video {
        /*margin-left: 43px !important;*/
    }
    body .content .container .video-back {
        width: 290px !important;
        height: 139px !important;
    }
}

@media only screen and (max-width: 768px) {
    .content .container .top-video {
        /*width: 330px !important;*/
        width: 100% !important;
        /*height: 158px !important;*/
        /*margin: 0 auto;*/
        margin: 0;
    }
    .content .container .top-video #home_video {
        height: 158px !important;
        margin: 0 auto;
    }
    .banner {
        background-size: 330px 115px;
        background-position: center;
        margin: 0 auto;
    }
    body .content .container .banner {
        /*height: 115px;*/
        /*width: 330px;*/
        height: 145px;
        width: 100%;
        background-size: cover !important;
    }
    .banner-appointment {
        background-size: 330px 175px;
        background-position: center;
        margin: 0 auto;
    }
    body .content .container .banner-appointment {
        /*height: 159px;*/
        /*width: 330px;*/
        height: 159px;
        width: 100%;
        background-size: cover !important;
    }
    .top-video-art, .top-video-dental {
        top: 25px !important;
    }
    .top-video-precision, .top-video-excellence {
        top: 35px !important;
        font-size: 24px !important;
        left: 20px !important;
    }
    .top-video-art {
        left: 20px !important;
        font-size: 20px !important;
    }
    .top-video-dental {
        left: 50px !important;
        font-size: 32px !important;
    }
    .banner h3 {
        /*top: 45px !important;*/
        font-size: 20px !important;
        /*left: 10px !important;*/
        padding-top: 45px !important;
    }
    .banner h2 {
        top: 23px !important;
        font-size: 32px !important;
        left: 10px !important;
    }
    .container .banner-appointment h3 {
        padding-top: 55px !important;
        font-size: 20px !important;
    }
    .banner-appointment h2 {
        font-size: 32px !important;
    }
    .banner-appointment p {
        font-size: 16px !important;
        padding-top: 36px !important;
        color: #000 !important;
        line-height: 160% !important;
    }
    .container .banner-emergency h3 {
        padding-top: 42px !important;
        font-size: 20px !important;
    }
    .banner-emergency h2 {
        font-size: 32px !important;
    }
    .banner-emergency p {
        font-size: 16px !important;
        padding-top: 36px !important;
        color: #000 !important;
        line-height: 160% !important;
    }
    .content .container-emergency {
        padding-bottom: 150px !important;
    }
    .container-map {
        padding: 0 !important;
    }
    .contact {
        padding: 0 15px 115px !important;
        background: #2d2926 !important;
        text-align: center !important;
        /*height: 650px !important;*/
    }
    .contact-book {
        top: 60px !important;
        left: 0 !important;
        padding: 30px !important;
    }
    .row-times {
        display: none;
    }
    .row-times-mobile {
        display: block;
    }
    .contact-logo {
        display: none !important;
    }
    .section-title {
        font-size: 50px !important;
    }
    .bot-phone {
        padding: 0 !important;
    }
    header {
        position: initial !important;
    }
    .header-space {
        display: none;
    }
    .whyus-spa {
        padding: 0 15px !important;
    }
    .news-title, .news-paragraph, .news-list {
        padding: 2px 0 !important;
    }
    .wpcf7 input[type="submit"] {
        width: 60%;
        margin: 10px auto;
    }
    .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
    .content .container:nth-child(2) {
        padding-top: 0 !important;
        padding-bottom: 5px !important;
    }
    .approach-number .number-title {
        font-size: 24px !important;
    }
    .faq-answer {
        padding-top: 5px !important;
    }
    .row-education {
        padding-top: 0 !important;
    }
    .content .container-emergency {
        padding-bottom: 0 !important;
        height: 320px;
    }
    .content .container #home_video {
        /*margin-left: 50px !important;*/
    }
    .content .container .video-back {
        /*width: 330px !important;*/
        width: 90% !important;
        height: 158px !important;
    }
}

@media only screen and (max-width: 991px) {
    .container .top-video {
        width: 720px !important;
        height: 346px !important;
    }
    .container .top-video #home_video {
        height: 346px !important;
    }
    /*.header-row .col-md-5 {*/
    /*width: 50% !important;*/
    /*}*/
    .header-row .col-md-2 {
        display: none;
    }
    .top-video-art, .banner h3 {
        font-size: 25px;
    }
    .top-video-dental, .banner h2 {
        font-size: 40px;
    }
    .top-video-precision, .top-video-excellence {
        font-size: 30px;
    }
    .container .header-row .col-md-5, .container .header-row .col-md-5:last-child {
        width: 100% !important;
        text-align: left !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .logo-mobile {
        display: inline;
    }
    .header-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background: #f2f2f2;
        z-index: 999;
        width: 100%;
        padding: 0 15px;
    }
    .header-menu ul li {
        display: block !important;
        padding: 20px 0 !important;
    }
    .header-menu ul li a {
        /*padding: 0 20px !important;*/
    }
    .mobile-menu2 {
        display: block;
    }
    .mobile-title {
        display: inline;
    }
    .top-phone, .top-book {
        display: none;
    }
    .content .container .banner {
        height: 251px;
    }
    .content .container .banner-appointment {
        height: 348px;
    }
    .banner-appointment h3 {
        padding-top: 70px !important;
        font-size: 25px;
    }
    .banner-appointment h2 {
        font-size: 40px;
    }
    .banner-appointment p {
        padding-top: 20px;
    }
    .banner-emergency h3 {
        padding-top: 70px !important;
        font-size: 25px;
    }
    .banner-emergency h2 {
        font-size: 40px;
    }
    .banner-emergency p {
        padding-top: 20px;
    }
    .copyright {
        text-align: center;
        padding-bottom: 20px;
    }
    .convergine-wrapper {
        margin: 0 auto;
        float: initial;
        padding-top: 20px;
    }
    .container-background-contact {
        margin-top: 0;
    }
    html body .section-content-restorative .section-content-box, html body .section-content-cosmetic .section-content-box {
        width: 100% !important;
        padding-bottom: 30px !important;
        top: 0 !important;
    }
    html body .section-content {
        height: auto !important;
    }
    html body .section-content img {
        position: initial !important;
        width: 100% !important;
    }
    .advantages-first-line {
        padding-bottom: 0 !important;
    }
    .container-map {
        position: initial !important;
        top: 0 !important;
        height: auto !important;
    }
    .contact {
        width: 100% !important;
        position: initial !important;
        top: 0 !important;
        left: 0 !important;
    }
    .atmosphere-item-text {
        position: initial !important;
        width: 100% !important;
    }
    .container-background-approach {
        margin-top: 0 !important;
        height: auto !important;
    }
    .whyus-quality {
        padding-top: 0 !important;
    }
    .whyus-34row {
        margin-top: 0 !important;
    }
    .whyus-spa {
        padding-top: 0 !important;
    }
    body .whyus-container {
        height: auto !important;
    }
    html body .news1-text, html body .news2-text, html body .news3-text,
    html body .news1-image, html body .news2-image, html body .news3-image {
        position: initial !important;
        width: 100% !important;
    }
    .service-image {
        width: 100% !important;
        padding-bottom: 10px;
    }
    .service-image img {
        width: 100% !important;
    }
    .row .other-content {
        padding-right: 15px !important;
    }
    .row-education .col-md-3 {
        margin-left: 0 !important;
    }
    #atmospheres {
        padding: 0 15px;
    }
    .container-background-inquiry {
        margin-top: 0 !important;
    }
    .service-bigger {
        margin-top: 0 !important;
    }
    .practice-row .practice-text, .practice-row .practice-text2 {
        padding: 0 5px !important;
        margin: 5px 0 !important;
    }
    .container .video-back {
        width: 720px !important;
        height: 346px !important;
    }
}
@media only screen and (max-width: 1200px) {
    .menu-main-container .primary-menu li {
        padding-right: 0 !important;
    }
    .top-phone {
        padding-right: 0;
        padding-left: 0;
    }
    .alarm-icon {
        padding-left: 1px !important;
    }
    .top-video {
        width: 940px !important;
        height: 451px !important;
    }
    #home_video {
        height: 451px !important;
    }
    .header-row .col-md-5 {
        width: 48%;
        /*padding-left: 0;*/
        /*padding-right: 0;*/
        padding-right: 0;
    }
    .header-row .col-md-5:last-child {
        padding-left: 0 !important;
    }
    .header-row .col-md-2 {
        width: 4%;
        padding-left: 0;
        padding-right: 0;
    }
    .top-book {
        /*display: none;*/
    }
    .top-book-mobile {
        /*display: inline;*/
    }
    .top-alarm {
        display: none;
    }
    .callnumber img {
        display: none;
    }
    .top-logo img {
        width: 450%;
        left: 140%;
        z-index: 9999;
    }
    .top-video-art, .top-video-dental {
        top: 100px;
    }
    .top-video-precision, .top-video-excellence {
        top: 140px;
    }
    .top-phone {
        padding-right: 0 !important;
    }
    .container .banner {
        height: 328px;
    }
    .banner h3 {
        /*top: 144px;*/
        padding-top: 130px;
    }
    .banner h2 {
        top: 117px;
    }
    .container .banner-appointment {
        height: 454px;
    }
    .banner-appointment h3 {
        padding-top: 125px;
    }
    body .section-content-box {
        width: 220px !important;
    }
    body .section-content-restorative img {
        top: 295px !important;
    }
    body .section-content-cosmetic .section-content-box {
        top: 365px !important;
    }
    body .news1-text {
        left: 475px !important;
    }
    body .news1-image {
        top: -640px !important;
    }
    body .news2-text {
        top: -630px !important;
    }
    body .news2-image {
        top: -1217px !important;
        left: 475px !important;
        width: 470px !important;
    }
    .whyus-container {
        height: 1570px !important;
    }
    .video-back {
        width: 940px !important;
        height: 451px !important;
    }
}

@media only screen and (max-width: 1430px) {
    .primary-menu li {
        padding-right: 5px !important;
    }
    .top-phone {
        padding-right: 8px;
    }
    .alarm-icon {
        padding-left: 2px !important;
    }
    .top-video {
        width: 1170px;
        height: 562px;
    }
    #home_video {
        height: 562px;
    }
    .banner {
        height: 408px;
    }
    .banner-appointment {
        height: 565px;
    }
    /*.top-video-art, .top-video-dental {*/
    /*top: 200px;*/
    /*}*/
    /*.top-video-precision, .top-video-excellence {*/
    /*top: 260px;*/
    /*}*/
    .practice-row {
        position: initial !important;
        left: 0 !important;
        padding-bottom: 20px !important;
    }
    .practice-indent {
        position: initial !important;
        left: 0 !important;
        top: 0 !important;
    }
    .practice-image img, .practice-text, .practice-text2 {
        width: 100% !important;
        height: 100% !important;
    }
    .section-content-box {
        width: 275px !important;
    }
    .section-content-restorative img {
        top: 245px !important;
    }
    .section-content-cosmetic .section-content-box {
        top: 435px !important;
    }
    .news1-text {
        left: 585px !important;
    }
    .news1-image {
        top: -530px !important;
        left: 0 !important;
    }
    .news2-text {
        /*top: -504px !important;*/
        top: -490px !important;
        left: 0 !important;
    }
    .news2-image {
        top: -1151px !important;
        left: 585px !important;
        width: 585px !important;
    }
    .video-back {
        width: 1170px;
        height: 562px;
    }
}

@media (min-width: 769px) {
    #home_video {
        margin-left: 105px;
    }
}
@media (min-width: 991px) {
    #home_video {
        margin-left: 138px;
    }
}
@media (min-width: 1200px) {
    #home_video {
        margin-left: 171px;
    }
}
@media (min-width: 1430px) {
    #home_video {
        margin-left: 210px;
    }
}