/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 360px) {
    .sd-img-3-col-thumb {
        height: 95px;
    }
    
    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 65px;
    }

    #sd-footer:before {
        height: 65px;
    }
    
    /* ecomm */
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 200px;
    }
}

@media only screen and (min-width: 380px) {
    #sd-strip-bar-wrap {
        margin-top: 0.8em;
    }
    
    #sd-site-logo {
        top: -0.5em;
        left: 0.95em;
    }

    #sd-site-title {
        padding: 0.3em 0.8em;
    }

    #sd-site-title.logo-show {
        padding-left: 24%;
    }
}

@media only screen and (min-width: 400px) {
    .sd-text-button-socialmedialink {
        width: 85%;
    }

    .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 115px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 75px;
    }
    
    /* ecomm */
    .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 260px;
    }
}

@media only screen and (min-width: 450px) {
    #sd-site-title.logo-show {
        padding-left: 23%;
    }

    #sd-strip-bar.full-height #sd-site-title {
        top: 16px;
    }

    /* button cfa */
    .sd-block.sd-block-cfa-main {
        width: 75%;
        
    }

    .sd-text-button-socialmedialink {
        width: 83%;
    }

    #sd-footer {
        padding-bottom: 40px;
        min-height: 52px;
    }

    #sd-footer:before {
        height: 102px;
    }

    .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 130px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 85px;
    }
    
    /* ecomm */
    .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 330px;
    }

    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 270px;
    }

    .sd-editor-babel-user-button-jump.sd-babel-your-done.sd-icon-checkmark::before,
    .sd-editor-babel-user-essentials-btn.sd-babel-your-done.sd-icon-checkmark::before {
        right: 11px;
    }
}

@media only screen and (min-width: 500px) {
    #sd-site-title.logo-show {
        padding-left: 22.5%;
    }

    #sd-strip-bar-wrap {
        margin-top: 1.2em;
    }

    #sd-site-title {
        font-size: 1.5em;
    }

    .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 145px;
    }
}

@media only screen and (min-width: 520px) {
    #sd-strip-bar.sticky #sd-site-title {
        font-size: 1.1em;
        padding-top: 0.25em;
        right: 85px;
    }

    #sd-strip-bar.sticky #sd-site-title.logo-show {
        left: 13%;
    }
}

@media only screen and (min-width: 527px) {
    .sd-tab {
        right: -0.5px;
    }
}

@media only screen and (min-width: 550px) {
    #sd-site-title.logo-show {
        padding-left: 22.2%;
    }

    #sd-strip-bar.full-height #sd-site-title {
        top: 19px;
    }

    #sd-column-page {
        padding: 1.2em;
    }

    #sd-footer-content {
        padding: 0.9em 1.5em 0.9em 1.5em;
    }

    .sd-img-align-left {
        float: left;
        margin-right: 0.8em;
    }

    .sd-img-align-right {
        float: right;
        margin-left: 0.8em;
    }
    
    .sd-block {
        margin-bottom: 1.5em;
    }

    .openChangeAddress .sd-input-texts{
        width: 60% !important;
    }

    .openDuplicateSiteTranslation .sd-input-texts{
        width: 67% !important;
    }

    .sd-editor-twitter-preview-image .sd-editor-open-graph-image{
        height: auto !important;
    }

    .sd-addthis-div img {
        right: 1.2em;
        bottom: 1.2em;
    }

    #sd-footer {
        padding-bottom: 55px;
        min-height: 75px;
    }

    #sd-footer::before {
        height: 120px;
    }
}

@media only screen and (min-width: 553px) {
    #sd-strip-bar.sticky #sd-site-title {
        padding-top: 0.6em;
    }

    #sd-strip-bar.sticky {
        height: 43px !important;
    }

    .sd-site-contact.sd-site-contact-show {
        display: block;
    }

    /* Main
       =============================== */
    .sd-container {
        width: 97%;
    }
    
    .sd-strip-container {
        width: 97% !important;
    }

    #sd-column-nav {
        width: 34.5%;
        height: 100%;
        float: left;
        left: 0% !important;
    }

    .sd-column-nav-fixed {
        width: 33% !important;
        top: 0em;
        padding-bottom: 0px;
        position: absolute !important;
        overflow: visible;
        transform: translateX(0px);
    }
    
    .sd-main-nav {
        margin-top: 3em;
    }

    #sd-column-page {
        left: 0% !important;
        width: 65.6%;
        float: right;
    }

    #sd-column-nav, #sd-column-page {
        display: inline-block;
        margin-bottom: 30px;
    }
    
    .main-nav {
        margin-top: 2em !important;
    }
    
    #sd-main {
        margin-top: -40px;
    }
    
    .sd-home-page #sd-main {
        margin-top: -20px;
    }

    #sd-header-gradient:before {
        height: 15%;
        top: 10.1%;
    }

    #sd-main,
    #sd-footer-content {
        margin-right: 8px;
    }

    .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 95px;
    }
    
    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 65px;
    }
    
    /* ecomm */
    .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 250px;
    }
    
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 190px;
    }

    #sd-footer::before {
        height: 110px;
    }

    /* Button
    =============================== */
    .sd-mobnav-btn {
        display: none;
    }

    .sd-text-button-socialmedialink {
        width: 77%;
    }
}

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

    #sd-site-title {
        padding: 0.45em 0.9em;
    }

    #sd-footer:before {
        height: 130px;
    }

    #sd-editor-fonts .sd-editor-fonts-preset .sd-editor-fonts-preset-item-preview,
    #sd-editor-fonts .sd-editor-fonts-preset .sd-editor-fonts-preset-item-preview-saved {
        font-size: 1.3em;
    }
}

/* Desktop screen */
@media only screen and (min-width: 667px) {
    html {
        overflow: auto !important;
    }
    
    #sd-strip-bar-wrap {
        margin-top: 1.5em;
    }

    #sd-site-logo {
        left: 1.5em;
        top: -0.5em;
    }

    #sd-strip-bar.sticky #sd-site-title {
        font-size: 1.2em;
    }

    #sd-strip-bar.full-height #sd-site-title {
        top: 23px;
    }

    #main-wrap-color {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .sd-extra-floating-div #sd-about-upgrade-button,
    .sd-extra-floating-div #sd-renew-button {
        top:0px;
        position: relative;
    }

    #sd-about-upgrade-button,
    #sd-renew-button {
        height: 42px;
        font-size: 2.1em;
        line-height: 36px;
    }

    .sd-img-big {
        width: 50%;
    }
    
    .sd-block-gallery-ecom .sd-img-3-col {
        width: 33%;
    }

    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 120px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 75px;
    }

    #sd-header-gradient:after {
        height: 50%;
    }

    /* Footer
       =============================== */
    #sd-footer {
        min-height: 65px;
    }

    #sd-footer-content {
        width: 98.6%;
        left: 0.7% !important;
    }
}

@media only screen and (min-width: 700px) {
    #sd-site-title {
        padding: 0.6em 0.9em;
    }
    
    #sd-site-title.logo-show {
        padding-left: 23%;
    }

    #sd-column-nav {
        width: 33.3%;
    }

    #sd-column-page {
        width: 66.7%;
    }
    
    .sd-tab {
        right: -1px;
    }

    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 125px;
    }
    
    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 85px;
    }

    #sd-footer {
        min-height: 75px;
    }

    #sd-footer:before {
        height: 150px;
    }
}

@media only screen and (min-width: 768px) {
    #sd-strip-bar-wrap {
        margin-top: 1.8em;
    }

    #sd-site-logo {
        top: -0.6em;
        left: 1.9em;
    }

    #sd-site-title {
        font-size: 2em;
        padding: 0.35em 1em;
    }
    
    #sd-site-title.logo-show {
        padding-left: 24%;
    }

    .sd-contact-btn {
        top: 0.4em;
        height: 45px;
        padding: 0.45em 1.2em;
    }

    #sd-strip-bar.sticky {
        height: 60px !important;
    }

    #sd-strip-bar.sticky #sd-site-title {
        padding-top: 0.65em;
        font-size: 1.5em;
    }
    
    #sd-strip-bar.sticky #sd-site-title.logo-show {
        left: 15%;
    }

    #sd-strip-bar.full-height #sd-site-title {
        top: 29px;
    }

    #sd-editor-colors,
    #sd-editor-colors-pro-edit,
    #sd-editor-colors-editor,
    #sd-editor-colors-picker,
    #sd-editor-colors-save,
    #sd-editor-shapes,
    #sd-editor-shapes-pro-edit,
    #sd-editor-shapes-editor,
    #sd-editor-shapes-save,
    #sd-editor-fonts,
    #sd-editor-fonts-pro-edit,
    #sd-editor-fonts-editor,
    #sd-editor-fonts-save,
    #sd-editor-strip-bar,
    #sd-editor-strip-bar-editor,
    #sd-editor-strip-bar-pro-edit,
    #sd-editor-strip-bar-save {
        left: auto;
        right: 6%;
    }
    
    #sd-editor-colors .sd-editor-pro-edit,
    #sd-editor-shapes .sd-editor-pro-edit,
    #sd-editor-fonts .sd-editor-pro-edit,
    #sd-editor-strip-bar .sd-editor-pro-edit {
        margin-right: 210px;
    }
    
    .bar-floatright,
    .tip-floatright {
        margin-right: 6% !important;
    }
    
    .tip-floatright {
        right: 2.5% !important;
    }

    .sd-container {
        width: 750px;
    }
    
    .sd-strip-container {
        width: 750px !important;
    }

    #sd-main {
        margin-top: -60px;
    }
    
    .sd-home-page #sd-main {
        margin-top: -50px;
    }
    /* Main
       =============================== */
    #sd-column-nav {
        width: 30.4%;
    }

    .sd-column-nav-fixed {
        width: 30% !important;
    }

    #sd-column-page {
        width: 69.6%;
        padding: 1.5em;
    }
    
    .sd-addthis-div img {
        right: 1.5em;
        bottom: 1.5em;
    }
    
    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 145px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 90px;
    }

    /* Content Block
       =============================== */
    .sd-block {
        margin-bottom: 2em;
    }

    .sd-block-readmore {
        padding: 0.7em;
        height: 180px;
    }
    
    .sd-block-fake .sd-block-readmore {
        height: 120px;
    }

    .sd-block .sd-img-align-left,
    .sd-block-readmore .sd-img-align-left {
        margin-right: 1.5em;
        margin-bottom: 0.5em;
    }

    .sd-block .sd-img-align-right,
    .sd-block-readmore .sd-img-align-right {
        margin-left: 1em;
    }
    
    #sd-footer {
        min-height: 75px;
    }

    #sd-footer::before {
        height: 152px;
    }

    /* ==========================================================================
        Theme Customisation
       ========================================================================== */
    .sd-tab > li > a {
        right: 20px;
    }

    .sd-tab > .sd-tab-item-active > a {
        right: -20px;
    }

    .sd-text-button-socialmedialink {
        width: 85%;
    }
}

@media only screen and (min-width: 800px) {
    .sd-container {
        width: 780px;
    }
    
    .sd-strip-container {
        width: 780px !important;
    }

    #sd-column-page {
        width: 69.7%;
    }

    .sd-tab {
        right: 0px;
    }

    #sd-footer {
        padding-bottom: 80px;
        min-height: 105px;
    }
    #sd-footer:before {
        height: 170px;
    }

    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 155px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 95px;
    }
}

@media only screen and (min-width: 896px) {
    .sd-container {
        width: 870px;
    }
    
    .sd-strip-container {
        width: 870px !important;
    }

    #sd-column-nav {
        width: 30.2%;
    }

    #sd-column-page {
        width: 69.8%;
    }
    
    .sd-tab {
        right: -1px;
    }

    .sd-text-button-socialmedialink {
        width: 85%;
    }

    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 175px;
    }
    
    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 115px;
    }

    #sd-footer:before {
        height: 185px;
    }
}

@media only screen and (min-width: 900px) {
    #sd-strip-bar-wrap {
        margin-top: 2.2em;
    }

    #sd-site-title {
        font-size: 2em;
        padding: 0.45em 1.4em;
    }
    
    #sd-site-title.logo-show {
        padding-left: 25%;
    }

    #sd-site-logo {
        left: 2.3em;
    }

    #sd-strip-bar.full-height #sd-site-title {
        top: 35px;
    }
}

@media only screen and (min-width: 1024px) {
    #sd-site-logo {
        width: 14%;
    }
    
    #sd-site-title.logo-show {
        padding-left: 21%;
    }

    #sd-strip-bar.sticky #sd-site-title.logo-show {
        left: 14%;
    }

    .sd-container {
        width: 980px;
    }
    
    .sd-strip-container {
        width: 980px !important;
    }

    #main-wrap-color {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    
    #sd-column-page {
        width: 69.85%;
    }

    .sd-tab {
        right: -0.5px;
    }

    .sd-text-button-socialmedialink,
    .sd-text-button-comm-app
     {
        width: 89%;
    }

    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 200px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 135px;
    }

    #sd-main {
        margin-top: -65px;
    }

    #sd-footer:before {
        height: 210px;
    }
}

@media only screen and (min-width: 1280px) {
    #sd-strip-bar-wrap {
        margin-top: 2.5em;
    }

    #sd-site-logo {
        top: -0.7em;
        left: 2em;
    }
    
    #sd-site-title.logo-show {
        padding-left: 20%;
    }

    #sd-strip-bar.full-height #sd-site-title {
        top: 40px;
    }
    
    #sd-strip-bar.sticky #sd-site-title.logo-show {
        left: 11%;
    }

    .sd-bg-wrapper.sd-header-image {
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px); 
        filter: blur(5px); 
    }

    .sd-container {
        width: 1120px;
    }
    
    .sd-strip-container {
        width: 1120px !important;
    }
    
    #sd-column-nav {
        width: 30%;
    }

    #sd-column-page {
        width: 70%;
    }
    
    .sd-tab {
        right: -1.1px;
    }

    #sd-footer {
        min-height: 120px;
    }

    #sd-footer:before {
        height: 238px;
    }

    .sd-block-readmore {
        height: 200px;
    }

    .sd-img-3-col-thumb,
    .sd-block-gallery-ecom .sd-img-3-col-thumb,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb {
        height: 230px;
    }

    .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor,
    .sd-block-readmore .sd-block-gallery-ecom .sd-img-3-col-thumb.sd-img-hor {
        height: 155px;
    }

    #sd-main {
        margin-top: -90px;
    }
}