/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

/*desktop vw*/
@media only screen and (min-width: 992px) {

    /*fp*/
    section.section-3:before {
        width: 4.938vw;
    }
    section.section-3:after {
        height: 5vw;
    }
    .fp-left .section-title {
        margin-bottom: 3.813vw;
    }
        .fp-main-list:before {
            width: 3.125vw;
        }
            .fp-address {
                font-size: 1.500vw;
                margin-bottom: 1.563vw;
            }
                .fp-address span {
                    font-size: 1.125vw;
                    margin-top: 0.688vw;
                }
            .fp-price {
                font-size: 2.250vw;
            }
            .fp-btn {
                width: 21.500vw;
            }
                .fp-btn-plus {
                    width: 5.250vw;
                    height: 4.813vw;
                }
                    .fp-btn-plus:before {
                        width: 1.750vw;
                        height: 0.188vw;
                    }
                    .fp-btn-plus:after {
                        width: 0.188vw;
                        height: 1.750vw;
                    }
                .fp-btn:before {
                    width: 5.250vw;
                }
                .fp-btn span {
                    font-size: 1.125vw;
                    transform: translateX(0.625vw);
                }
    .fp-thumb-list {
        margin: 0 -0.625vw;
    }
        .fp-thumb {
            padding: 0.625vw;
        }
            .fp-thumb-btn span {
                font-size: 0.875vw;
            }
                .fp-thumb-btn span i {
                    width: 1.688vw;
                    height: 1.688vw;
                    margin: 0 auto 1.125vw;
                }
                    .fp-thumb-btn span i:before {
                        width: 1.688vw;
                        height: 0.188vw;
                    }
                    .fp-thumb-btn span i:after {
                        width: 0.188vw;
                        height: 1.688vw;
                    }
    /*fp end*/

    /*netflix*/
    .featured-netflix-cover img.featured-netflix-logo {
        width: 13.688vw;
    }
        .featured-netflix-title em {
            font-size: 3vw;
            margin: 0 0 0.313vw;
        }
            .featured-netflix-title em:before,
            .featured-netflix-title em:after {
                width: 6.250vw;
                height: 0.313vw;
            }
            .featured-netflix-title em:before {
                margin-right: 1.250vw;
            }
            .featured-netflix-title em:after {
                margin-left: 1.250vw;
            }
        .featured-netflix-title span {
            font-size: 10.500vw;
        }
        a.featured-netflix-link i {
            width: 3.563vw;
            height: 3.563vw;
            border: 0.250vw solid #fff;
            font-size: 1.250vw;
            margin-right: 1.125vw;
            padding-left: 0.375vw;
        }
        a.featured-netflix-link span {
            font-size: 1vw;
        }
    /*netflix end*/

    /*why work with us*/
    #hp-work {
        padding: 7.250vw 0 6.313vw;
    }
        #hp-work .section-title {
            margin-bottom: 3.875vw;
        }
        .work-stat-number {
            /*font-size: 3vw;*/
        }
        .work-stat-label {
            /*font-size: 1.125vw;*/
            padding: 0.813vw 0 0.563vw 0;
            /*padding: 0.813vw 0 0.563vw 1.063vw;
            margin-left: 1.313vw;*/
        }
    /*why work with us end*/
}
/*desktop vw*/

@media only screen and (max-width: 1767px) {
	.section-title {
		font-size: 4.41vw;
	}
	.section-title em {
		font-size: 1.36vw;
	}
}

@media only screen and (max-width: 1366px) {

    /*fixed header*/
    #fixed_nav > li,
    #fixed_nav > li:before {
        margin: 0 10px;
    }
    /*fixed header end*/

    .hp-slide-logo a {
        width: 330px;
    }
        .hp-slide-logo a.hp-slide-logo-btn {
            margin-top: 50px;
        }

}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
    
#hp-media {
    max-width: 1025px;
    justify-content: space-between;
}

.hp-media-list {
    max-width: 579px;
}
    

    a.hp-media-blog-title {
        font-size: 18px;
        letter-spacing: normal;
    }
    
    .hp-media-text {
        line-height: 1.3;
        font-size: 12px;
        margin: 4px 0 10px;
    }
    
    .hp-media-details-inner a.btn-a {
        width: 170px;
        height: 50px;
    }
    

    /*popup*/
    .popup-jon-form .btn-a {
        width: 140px;
    }
    .popup-jon-form label input {
        padding-right: 145px;
    }

    /*fixed header*/
    #fixed_nav > li,
    #fixed_nav > li:before {
        margin: 0 20px;
    }
    /*fixed header end*/

    .header_nav > li,
    .header_nav > li:before {
        margin: 0 25px;
    }

    .section-title {
        font-size: 60px;
    }
        .section-title small,
        .section-title em {
            font-size: 18px;
        }

    #hp-hero canvas {
        min-height: 600px;
    }
    .hp-media-title {
        padding-left: 6%;
    }
    .featured-logo-list img {
        max-width: 12%;
    }

    .footer-affiliate-logos {
        padding: 35px 2%;
    }

    .footer-affiliate-logos img {padding: 0 10px;}

    .page-template-meet-the-team-charlotte .ip-team-title .section-title {
        font-size: 45px;
    }
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    *[class*="col-md"] { width: 100%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-2 { width: 16.66666666%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-5 { width: 41.66666666%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-12 { width: 100%; }

    /* The following are used on inner pages. Please edit carefully. */

    .inner {
        width: 100%;
    }
    #content-sidebar, #content-full {
        width: 100%;
    }
    .outer{
        width: 100%;
        min-width: 100%;
    }
    #content-sidebar #content{
        width: 100%;
    }

    .fixed-header {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        padding: 0 3%;
    }
        #fixed_nav {
            display: none;
        }

        .fh-logo {
            width: 300px;
            max-width: 80%;
            padding: 20px 0;
        }
    .slide-menu {
        width: 360px;
        max-width: 100%;
        padding: 70px 5% 5%;
    }
        .slide-menu-btn {
            top: 0;
            right: 0;
        }
        .slide-menu-logo {
            margin-bottom: 40px;
        }
        #slide_nav {
            width: 100%;
            height: auto;
        }
            #slide_nav > li {
                width: 100%;
            }
        .slide-menu-contact-info {
            margin-top: 40px;
        }
            .slide-menu-contact-info ul, .slide-menu-contact-info .contact-smi {
                width: 100%;
            }
            .slide-menu-contact-info ul li:last-child {
                margin-bottom: 18px;
            }
            .slide-menu-contact-info .contact-smi {
                padding: 0;
            }
        .slide-menu:before {
            width: 300px;
            bottom: 5%;
        }

    .section-title {
        font-size: 50px;
        letter-spacing: 0.15em;
    }
        .section-title small, .section-title em {
            font-size: 15px;
        }
        .section-title span {
            padding-left: 30px;
        }
        .section-title small {
            margin-right: 20px;
        }
    #hp-hero canvas {
        min-height: 300px;
    }
    .hp-slide-logo {
        position: relative;
        top: 0;
        background: #000;
        width: 100%;
        padding: 110px 15px 30px;
        animation: none!important;
        opacity: 1!important;
        transform: none!important;
    }
        .ip-banner-wrapper .hp-slide-logo a {
            width: 330px;
        }
    .hp-slide-logo a.hp-slide-logo-btn {
        display: none;
    }
    #hp-meet {
        flex-flow: column-reverse wrap;
    }
        .hp-meet-img {
            width: 100%;
            margin: 0;
        }

        .hp-meet-text {
            width: 100%;
            padding: 0;
            margin: 50px 0;
            text-align: center;
        }
            .hp-meet-text a.btn-a {
                margin: 60px auto 0;
            }

    section.section-3 {
        overflow: hidden;
        padding: 60px 0;
    }
        section.section-3:before,
        section.section-3:after {
            display: none;
        }
        .fp-left {
            width: 100%;
        }
            .fp-main-list {
                width: 500px;
                max-width: 100%;
                margin: 0 auto;
            }
        .fp-right {
            width: 100%;
            padding: 0;
        }
            .fp-thumb-list {
                width: 520px;
                margin: 0 auto;
                max-width: 100%;
            }
            .fp-price {
                font-size: 30px;
            }
            .fp-address {
                font-size: 20px;
            }
                .fp-address span {
                    font-size: 15px;
                }
            .fp-btn {
                width: 84px;
            }
                .fp-btn span {
                    font-size: 12px;
                    display: none;
                }
    #hp-team {
        /*padding: 60px 0 40px;*/
    }

    .hp-media-title {
        width: 100%;
        text-align: center;
        padding: 0;
        margin-bottom: 50px;
    }
        #hp-team .section-title {
            margin-bottom: 30px;
            padding: 30px 0 0;
            top: 0;
            position: relative;
            left: 0;
            right: 0;
        }
    .hp-media-list {
        width: 100%;
        max-width: 405px;
        margin: 0 auto;
    }
    .hp-media-img canvas {height: 415px;}
    
    #hp-featured-in .section-title {
        padding-left: 0;
    }
    .featured-logo-list {
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding: 0 5%;
    }
        .featured-logo-list img {
            max-width: initial;
            margin: 15px;
        }

    .featured-netflix-cover img.featured-netflix-logo {
        width: 100px;
    }
    .featured-netflix-title {
        bottom: 30%;
    }
        .featured-netflix-title span {
            font-size: 80px;
        }
        .featured-netflix-title em {
            font-size: 30px;
        }
    a.featured-netflix-link span {
        font-size: 12px;
    }
    a.featured-netflix-link i {
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        font-size: 17px;
    }

    #hp-work {
        padding: 80px 15px;
    }
        #hp-work .section-title {
            font-size: 50px;
        }
        .work-stats-list {
            display: block;
            max-width: 500px;
        }
            .work-stat {
                width: 100%;
                justify-content: center;
                padding: 0 0 30px;
            }
                .work-stat::after {
                    display: none;
                }
                .work-stat-number {
                    width: 100%;
                    text-align: center;
                    font-size: 40px;
                }
                .work-stat-label {
                    width: 100%;
                    font-size: 15px;
                    text-align: center;
                    border-left: none;
                    border-bottom: 1px solid rgba(255,255,255,0.22);
                    margin: 0 0 20px;
                }
    #hp-network {
        padding: 80px 0;
    }
    .footer-logo {
        width: 100%;
        padding: 0;
        margin: 0 0 50px;
    }
    .footer-contact-info {
        width: 100%;
    }
        .footer-contact-row ul {
            width: 100%;
            text-align: center;
        }
        .footer-contact-row ul + ul {
            width: 100%;
        }
        .footer-contact-row p,
        .footer-contact-row .contact-smi {
            text-align: center;
        }
    .footer-affiliate-logos {
        justify-content: center;
        flex-flow: row wrap;
    }
        .footer-affiliate-logos img {
            margin: 15px;
            padding: 0;
        }
    .footernav {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0;
    }
        .footernav > li {
            width: 100%;
        }
    .footer-copyright {
        width: 100%;
        text-align: center;
    }
        .footer-copyright-logo {
            flex-flow: row wrap;
            margin: 15px 0 0;
            justify-content: center;
        }
            .footer-copyright-logo svg {
                width: 220px;
                margin: 15px;
                max-width: 100%;
            }
            .footer-copyright-logo img {
                width: 160px;
                margin: 15px;
                max-width: 100%;
            }

            .footer-translate {
                margin: 35px auto 0;
            }

    a.hp-media-img {
        width: 100%;
    }
    .hp-media-details {
        width: 100%;
        padding: 4% 5%;
    }

    .ip-contact-section-1 {
        padding-left: 5%!important;
        padding-right: 5%!important;
    }

}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
    *[class*="col-sm"] { width: 100%; }
    .col-xs-1 { width: 8.33333333%; }
    .col-xs-2 { width: 16.66666666%; }
    .col-xs-3 { width: 25%; }
    .col-xs-4 { width: 33.33333333%; }
    .col-xs-5 { width: 41.66666666%; }
    .col-xs-6 { width: 50%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-9 { width: 75%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-12 { width: 100%; }

    .ip-banner .container{
        width: 100%;
    }
    .featured-netflix-cover canvas {
        min-height: 230px;
    }
    .featured-netflix-title em {
        font-size: 15px;
    }
    .featured-netflix-title span {
        font-size: 50px;
    }
    a.featured-netflix-link span {
        letter-spacing: 0.1em;
    }
    a.featured-netflix-link i {
        margin-right: 10px;
    }

    #hp-work .section-title {
        font-size: 40px;
    }

    

    #content .entry-title, #content .archive-title {
        font-size: 45px;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
    #content .entry-title, #content .archive-title {
        font-size: 35px;
    }

    .section-title {
        font-size: 30px;
        letter-spacing: 0.1em;
    }
        .section-title span {
            padding-left: 20px;
        }
        .section-title small {
            margin-right: 10px;
        }
    .fp-price {
        font-size: 25px;
    }
    .fp-address {
        font-size: 18px;
    }
        .fp-address span {
            font-size: 13px;
        }
    .fp-btn {
        width: 60px;
    }
        .fp-btn-plus {
            width: 60px;
            height: 60px;
        }
        .fp-btn:before {
            width: 60px;
        }
    .fp-thumb-btn span {
        letter-spacing: 0.1em;
    }
    

    #hp-work .section-title {
        font-size: 30px;
    }
    .work-stat-number {
        font-size: 60px;
    }
    .work-stat-label {
        font-size: 17px;
    }
        .work-stat-label br {
            display: none;
        }

    .hp-media-img canvas {height: 294px;}
    
    .hp-media-list {
        max-width: 290px;
    }

    
    #ihf-main-container .col-xs-6:not([class*="col-xs-offset"]),
    #ihf-main-container > div.ihf-listing-search-results > div:nth-child(5) .col-xs-6 {
        width: 100% !important;
    }
}