﻿

/*iphone x*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

    figure.detail-page-fig img {
    width:100%;
    } .treatment-article {
        padding: 50px 0 24px 0;
    }
    #tron-rn {
       padding:7px 0;
    }
        #tron-rn a {
            width: 147px;
            padding: 5px 0;
            font-size:12px;
        } .contactHome {
            padding: 24px 0;
        }
    .topSection {
        padding: 24px 15px;
    }
    .topSection h2{
        margin-top: 15px;
    }
    .cpyr {
    text-align:center;
    }
    .callout-content, .callout-btn {
        width: 100%;
        float: left;
        text-align: center;
    }
    .cpyr small {
        display: block;
        float: none;
        width: auto;
    }
    .cpyr ul {
        float: none;
        width: auto;
        margin: 10px 0 0;
    }
    .bsimg {
        width: 100%;
    }
    .contactLite {
        display:block;
        height:80%;
        bottom: 0;
        position: absolute;
        width: 100%;
        float: none;
        margin: auto;
    }
    .topMenu {
    padding:12px 0;
    }
    body {
    padding-top:82px;
    }
    .brandLogo {
    font-size:17px;
    }
    .treatment-article {
        width: 100%;
        padding: 20px;
    }
    .topMenu.fixed a.brandLogo {
        font-size: 22px;
        -webkit-transition: color 12s, font-size 0.3s;
        -moz-transition: color 12s, font-size 0.3s;
        -o-transition: color 12s, font-size 0.3s;
        transition: color 12s, font-size 0.3s;
    }
    .treatments-head h2 {
        font-size: 24px;
    }

    section.about-head, section.treatments-head {
        padding: 64px 0;
    }
    .hamburger-wrap {
        padding-right: 24px;
    }
    section.about-head h1 {
    font-size:2em;
    }
    .h2.block-treats {
    margin-bottom:24px;
    }
}
/*iphone 8*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
}
/*iphone 8 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
}

@media only screen and (max-width:735px) {
    article.treatment-article {
        padding: 50px 14px 24px 14px;
        width: 100%;
    }
    .treatments-body {
    
    }
}
@media only screen and (min-width : 736px) {
    .contactLite {
        display:block;
        height: 100%;
        background: rgba(0,0,0,0.4);
    }

    .treatment-article {
        width: 70%;
        padding: 50px 0 24px 14px;
    }

    .topMenu.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.21);
        padding: 4px 36px;
        transform: scale(1);
        transition: 0.15s all ease-in-out;
    }

        .topMenu.fixed a.brandLogo {
            font-size: 20px;
            -webkit-transition: color 12s, font-size 0.3s;
            -moz-transition: color 12s, font-size 0.3s;
            -o-transition: color 12s, font-size 0.3s;
            transition: color 12s, font-size 0.3s;
        }
 
    .treatments-head h2, .about-head h2 {
        font-size: 30px;
    }

    
}
@media only screen and (min-width : 992px) {
    .lng_div {
        display: block;
       
    }
    .topMenu .navDesk, .navbar-collapse {
        display: block !important;
    }
    .hamburger-wrap {
        display: none;
    }

    .tronHomeWrap {
        padding-top: 17px;
    }
    .hamburger-menu {
    display:none !important;
    }
    .mob-src-wrap {
        display: none !important;
    }
    .treat-filter-wrap {
    display:none !important;
    }
}
@media only screen and (min-width:979px) {
    #galleyWrap div.pics .s, #galleyWrap div.pics .t, #galleyWrap div.pics .z, #galleyWrap div.pics .v {
        width: 25%;
    }
}
@media only screen and (max-width : 991px) {
   
    .tronHomeWrap {
        padding-top: 3px;
    }
    .lng_div {
        display: none;
    }
    .topMenu .navDesk, .navbar-collapse.collapse{
        display: none !important;
    }
    .hamburger-wrap {
        display: block;
        padding-top: 32px;
    }
    /*.mob-src-wrap {
        display:none; 
      
    }*/
    
    .brandLogo {
        font-size: 18px;
    }
    .topMenu {
    max-height:83px;
    }
    body {
    padding-top:71px;
    padding-bottom:0px;
    }
    .midContent {
padding-top:12px;
    }

}
@media only screen and (max-width : 736px) {

    .lite-cont {
    display:none;
    }
    .lite-botm a {
    font-size:12px;
    }
}

/*iPhone 5:*/
@media screen and (device-aspect-ratio: 40/71) {
    .topMenu {
    padding:10px;
    }
    .tronHomeWrap {
    padding-top:0;
    }
    .brandLogo {
    font-size:18px;
    }
    .hamburger-wrap a i {
        font-size: 24px;
    }
    #servicesHome {
        padding: 32px 0 64px 0px;
    }
    h2.block-treats {
    font-size:18px;
    }
    #servicesHome img {
    width:44px;
    }
    #servicesHome .tlink {
padding:0;
    }
    #galleyWrap {
        padding:0;
    }
  
}

/*iPhone <5:*/
@media screen and (device-aspect-ratio: 2/3) {
}
/*iPhone 6:*/
@media screen and (device-aspect-ratio: 375/667) {
}
/*iphone 6 plus:*/
@media screen and (device-aspect-ratio: 16/9) {
}
/*iphone Ipad:*/
@media screen and (device-aspect-ratio: 3/4) {
}
@media only screen and (max-width: 767px) {
    .abouts_cover {
        padding-right: 20px;
        padding-left: 20px;
    }
    .treats-top {
    padding:14px 0;
    }
    section.treatments-head {
        padding: 40px 0 20px 0;
    }
    .abouts_cover article {
        font-size: 15px;
        line-height: 26px;
    }
    body {
        font-size: 15px;
        line-height: 26px;
    }
    .hamburger-menu {
        top: 75px;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    #tron-rn a {
        padding: 5px 0;
        font-size: 12px;
        width: 147px;
    }
    
}
@media only screen and (max-width: 979px) {
    .about_info_cover {
    width:87.5%;
    }
    ul#mob {
        padding: 0;
        margin: 0;
    }
        ul#mob li {
            display: block;
            margin: 0;
            padding: 0;
            line-height: 25px;
          
            text-align:center;
        }
            ul#mob li a {
                padding: 14px 0;
                font-size: 14px;
                line-height: 25px;
                color: #29253f;
                position: relative;
                text-transform: uppercase;
                display: block;
                font-family: "Sweet Sans Regular", Arial, Helvetica, sans-serif;
            }
                
       .hamburger-wrap nav {
            float: none;
            clear: none;
        }
    .hamburger-menu {
        display: none;
        position: fixed;
        z-index: 100;
        top: 70px;
        left: 0;
        right: 100%;
        bottom: 0;
        padding: 25px;
       
        overflow: hidden;
        overflow-y: scroll;
        background-color: rgba(255,255,255,.98);
        font-family: "NeutralBP-HarvardDemi",Helvetica,Arial,sans-serif;
        opacity: 0.98;
    }
    .m-social {
        display: block;
    }
    .txtSo {
        height: 51px;
        padding-right: 40px;
        border: 2px solid black;
    }

   
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .treatment-article {
        width: 100%;
        padding: 20px;
    }
    .treatments-head {
    padding-bottom:25px;
    }
    .bsimg {
    width:100%;
    }
}


@media (min-width:600px) {
    .wide-container ul {
    display:flex;
    flex-basis:100%;
    flex-wrap:wrap;
    }
        .wide-container ul li._item {
            flex-basis: 50%;
        }
}
@media screen and (min-width:750px) and (max-width:939px) {
    .wide-container ul li._item {
        flex-basis: 33.33333%;
    }
    .wide-container {
    width:100%;
    } .wide-container ul li._item:nth-child(4),
        .wide-container ul li._item:nth-child(5),
        .wide-container ul li._item:nth-child(6),
        .wide-container ul li._item:nth-child(7),
        .wide-container ul li._item:nth-child(8) {
            display: none;
        }
}
@media (min-width:940px) {
    .wide-container ul li._item{        
        flex-basis: 25%;     
    }
        .wide-container ul li._item:nth-child(1),
        .wide-container ul li._item:nth-child(2),
        .wide-container ul li._item:nth-child(3),
        .wide-container ul li._item:nth-child(4),
        .wide-container ul li._item:nth-child(5),
        .wide-container ul li._item:nth-child(6),
        .wide-container ul li._item:nth-child(7),
        .wide-container ul li._item:nth-child(8) {
            display: flex;
        }
}
@media screen and (min-width:940px) and (max-width:1279px) {
    .wide-container {
        width:100%;
    }
}
@media screen and (min-width:600px) and (max-width:749px) {
    .wide-container ul li._item:nth-child(3),
    .wide-container ul li._item:nth-child(4),
    .wide-container ul li._item:nth-child(5),
    .wide-container ul li._item:nth-child(6),
    .wide-container ul li._item:nth-child(7), 
    .wide-container ul li._item:nth-child(8) {
        display: none;
    }
    .wide-container ul li._item:nth-child(1), 
    .wide-container ul li._item:nth-child(2) {
        flex-basis:50%;
    }


    .wide-container {
    
    width:100%;

    }
}

@media (min-width:1280px) {
    .wide-container {
        width: 1280px;
    }
}
@media (max-width:599px) {
    .wide-container {
        width: 100%;
    }

        .wide-container ul li._item:nth-child(1) {
            flex-basis: 100%;
        }
        .wide-container ul li._item:nth-child(2),
        .wide-container ul li._item:nth-child(3),
        .wide-container ul li._item:nth-child(4),
        .wide-container ul li._item:nth-child(5),
        .wide-container ul li._item:nth-child(6),
        .wide-container ul li._item:nth-child(7),
        .wide-container ul li._item:nth-child(8) {
            display: none;
        }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .topMenu {
        padding:10px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.77) and (orientation:portrait) {
    .topMenu {
        padding: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .topMenu {
        padding: 10px;
    }
}




@media (min-width:1460px) {
    .banner-container {
        height: 532px !important;
    }

    .slideWrap {
        max-width: 1400px;
    }
}
@media (min-width:1200px) and (max-width:1459px){
    .banner-container {
        height: 445px !important;
    }
    .slideWrap {
        max-width: 1170px;
    }
}
@media (min-width:992px) and (max-width: 1199px) {
    .banner-container {
        height: 357px !important;
        padding-bottom: 0 !important;
    }

    .slideWrap {
        max-width: 940px;
    }
}
@media only screen and (min-width:1250px) {
    #banner .bfluid {
    width:100%;
    }
}