/* ----------------------------------------------------------------------
    Pozitiv Responsive CSS
------------------------------------------------------------------------*/


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


}


/* =====================================================================*/

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




    .testi-content h3 {
        line-height: 1.3;
        font-size: 18px;
    }

    .testi-image,
    .testi-image a,
    .testi-image img,
    .testi-image i {
        display: block;
        width: 46px;
        height: 46px;
    }



    #portfolio.case-studies .portfolio-overlay a.left-icon {
        font-size: 12px;
        height: 25px !important;
        width: 25px !important;
        line-height: 25px;
        margin-top: 10px !important;
    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 18px;
        line-height: 1.1;
        padding: 25px 25px 5px 25px;

    }

    #portfolio.portfolio-5.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-6.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 15px;
    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3 span,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 11px;
        letter-spacing: 1px;
        margin-top: 9px;
        text-transform: uppercase;
        line-height: 1.3;
    }

    #portfolio.portfolio-5.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-6.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 9px;
    }

}



/* =====================================================================*/

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


    #page-title.page-title-parallax span { font-size: 18px; }

    .testi-content h3 {
        line-height: 1.3;
        font-size: 18px;
    }


    #portfolio.case-studies .portfolio-overlay a.left-icon {
        font-size: 12px;
        height: 25px !important;
        width: 25px !important;
        line-height: 25px;
        margin-top: 10px !important;
    }


    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 16px;
        line-height: 1.1;
        padding: 25px 25px 5px 25px;

    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3 span,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 8px;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .feature-box h4, .feature-box h3 {
        font-size: 17px;
    }

    .feature-box h4 span.subtitle, .feature-box h3 span.subtitle {
        font-size: 16px;
    }

    .bc-system-message .feature-box.fbox-center p {
        font-size: 15px;
    }


    .feature-box.fbox-plain { padding-left: 42px; }

    .feature-box.fbox-plain.fbox-large { padding-left: 115px; }

    .feature-box.fbox-plain.fbox-center { padding: 0px; }

    .feature-box.fbox-plain .fbox-icon { width: 28px; }

    .feature-box.fbox-plain.fbox-large .fbox-icon { width: 96px; }



    .feature-box.fbox-plain.fbox-center .fbox-icon { width: 48px; }

    .feature-box.fbox-plain .fbox-icon i {font-size: 28px;}

    .feature-box.fbox-plain.fbox-center .fbox-icon i { font-size: 48px; }

    .key-points h4, .key-points h3 {
        font-size: 17px;
    }

    .key-points p, .key-content p,
    .key-content .togglec ul li,
    .key-content .togglec p {
        font-size: 16px;
    }


    .iconlist li i.small {
        top: 3px !important;
    }


    .iconlist.iconlist-large {
        font-size: 16px !important;
        float: left;

    }

    .iconlist.iconlist-large li strong {
        font-size: 17px !important;

    }

    .key-content .iconlist.iconlist-large li strong {
        font-size: 16px; !important;
    }





    .iconlist.iconlist-large li { margin: 8px 0 20px 0 !important; }

    .iconlist.iconlist-large li i { top: 0; }


    .content-40-right, .content-40-left {
        width: 100%;
        margin: 16px 0px 30px 0px;
    }


    .shopping-checkout .blockquote-reverse {
        text-align: center;
        border: none;
        font-size: 15px;
    }

    .shopping-checkout .promo {
        text-align: center;
    }

    #primary-menu ul.one-page-menu li a {
        height: inherit;
        line-height: inherit;
    }

    .picture-links .col_half {
        margin-bottom: 60px !important;
    }


}



/* =====================================================================*/

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

    .testi-content h3 {
        line-height: 1.3;
        font-size: 18px;
    }


    #portfolio.case-studies .portfolio-overlay a.left-icon {
        font-size: 12px;
        height: 25px !important;
        width: 25px !important;
        line-height: 25px;
        margin-top: 10px !important;
    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 18px;
        line-height: 1.1;
        padding: 30px 30px 5px 30px;

    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3 span,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 11px;
        letter-spacing: 1px;
        margin-top: 9px;
        text-transform: uppercase;
        line-height: 1.3;
    }

}



/* =====================================================================*/

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

    .testi-content h3 {
        line-height: 1.3;
        font-size: 18px;
    }

    #page-title.page-title-parallax h1, #page-title.page-title-parallax h1 span {
    font-size: 44px !important;
    }

    #page-title span {
    display: block;
    }


    #portfolio.case-studies .portfolio-overlay a.left-icon {
        font-size: 12px;
        height: 25px !important;
        width: 25px !important;
        line-height: 25px;
        margin-top: 10px !important;
    }


    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 18px;
        line-height: 1.1;
        padding: 25px 25px 5px 25px;

    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3 span,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 8px;
        text-transform: uppercase;
        line-height: 1.3;
    }



    .services .fbox-desc .heading-block h2 {
        font-size: 26px;
    }

    .services .fbox-desc .heading-block h3 {
        font-size: 21px;
    }

    .services .fbox-desc .heading-block h2 ~ span {
        font-size: 18px !important;
    }

    .services .fbox-desc .heading-block h3 ~ span {
        font-size: 16px !important;
    }


    .course-notes .key-content h3 {
        font-size: 20px;
    }



}



/* =====================================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .testi-content h3 {
        line-height: 1.3;
        font-size: 18px;
    }

    #content.news .entry-content p.lead {
    font-size: 18px;
    }

    .single-post .entry-content .entry-image.client, .news .entry-content .entry-image {
    max-width: 450px;
    }

    .news .image-panel {
    max-width: 480px;
    }


    #portfolio.case-studies .portfolio-overlay a.left-icon {
        font-size: 12px;
        height: 25px !important;
        width: 25px !important;
        line-height: 25px;
        margin-top: 10px !important;
    }


    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 16px;
        line-height: 1.1;
        padding: 25px 25px 5px 25px;

    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3 span,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 8px;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .toggle.faq .togglet, .toggle.faq .toggleta {
        font-size: 17px;
    }

    .toggle.faq .togglec p,
    .key-content .togglec ul li,
    .key-content .togglec p {
        font-size: 16px;
    }


}




/* =====================================================================*/

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


    #primary-menu > div > #top-cart {
        display: block;
        margin: 20px 30px 20px 0px !important;
    }

    .modal-content .testi-image,
    .modal-content .testi-image a,
    .modal-content .testi-image img,
    .modal-content .testi-image i {
        display: block;
        width: 72px;
        height: 72px;
    }

    .modal-content .testi-image.reviews,
    .modal-content .testi-image.reviews a,
    .modal-content .testi-image.reviews i,
    .modal-content .testi-image.reviews img {
        width: 80px;
        height: 60px;

    }

    .modal-content .testi-image i, .modal-content .testi-image.reviews i {
        line-height: 72px;
        font-size: 40px;
    }


    .testi-content h3 {
        line-height: 1.3;
        font-size: 18px;
    }

    .testi-image,
    .testi-image a,
    .testi-image img,
    .testi-image i {
        width: 46px;
        height: 46px;
    }

    .single-post .entry-content .entry-image.client, .news .entry-content .entry-image {
    max-width: 450px;
    }

    .news .image-panel {
    max-width: 480px;
    }

    .quote div.lead {
    position: relative;
    font-size: 22px;

    }

    #page-title.page-title-parallax h1, #page-title.page-title-parallax h1 span {
    font-size: 40px !important;
    }

    #content.news .entry-content p.lead {
    font-size: 18px;
    }



    #portfolio.case-studies .portfolio-overlay a.left-icon,
    .owl-carousel.case-studies .portfolio-overlay a.left-icon {
        font-size: 12px;
        height: 25px !important;
        width: 25px !important;
        line-height: 25px;
        margin-top: 10px !important;
    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 {
        font-size: 20px;
        line-height: 1.1;
        padding: 25px 25px 5px 25px;

    }

    #portfolio.case-studies .portfolio-overlay .portfolio-desc h3 span,
    #portfolio.portfolio-4.case-studies .portfolio-overlay .portfolio-desc h3 span,
    .owl-carousel.case-studies .portfolio-overlay .portfolio-desc h3 span {
        font-size: 11px;
        letter-spacing: 1px;
        margin-top: 8px;
        text-transform: uppercase;
        line-height: 1.3;
    }



    .toggle.faq .togglet, .toggle.faq .toggleta {
        font-size: 16px;
    }

    .toggle.faq .togglec p,
    .key-content .togglec ul li,
    .key-content .togglec p {
        font-size: 15px;
    }

    .bg-img:before {

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+-1,0.7+0,0.8+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) -1%, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) -1%,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.6) -1%,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */



    }

}





/* ----------------------------------------------------------------
    Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {



}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {

}