/* MIN 1920px */

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

    .h-products > div
    {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        margin-left: 0;
    }

}

@media only screen and (max-width: 1900px)
{
    
    .team article
    {
        width: 25%;
    }
    
}

@media only screen and (max-width: 1500px)
{
    
    .team article
    {
        width: 33.3%;
    }
    
}

/* MAX 1440px */

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

    /*  HEADER
        ###########################################################################
    */
    
    .header .cover .text
    {
        /*top: 28%;*/
    }
    
    .header .cover .text h1
    {
        font-size: 3.8em;
    
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */

    /*  HOME
        ###########################################################################
    */
    
    .h-banner .text
    {
        top: 26%;
    }
    
    .h-banner .text-about
    {
        top: 18%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    .portfolio .col-masonry
    {
        width: 25%;
    }

}

/* MAX 1170px */

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

    .section-area > div
    {
        width: 100%;
    }
    
    .header .h-top > div
    {
        width: 100%;
    }
    
    
    .team article
    {
        width: 50%;
    }
    
    
    /*  HEADER
        ###########################################################################
    */
    
    .header .cover .text
    {
        /*top: 24%;*/
    }
    
    .header .cover .text h1
    {
        font-size: 3em;
    }
    
    .header nav
    {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  HOME
        ###########################################################################
    */
    
    .h-s-header .c1 > div
    {
        padding-left: 15px;
    }
    
    .h-s-header .c2 > div
    {
        padding-right: 15px;
    }
    
    .h-products .c1 .text
    {
        width: 460px;
        right: 20px;
    }

    .h-products .c2 .text
    {
        width: 460px;
        left: 20px;
    }
    
    .h-banner .text-about
    {
        top: 12%;
    }
    
    .h-banner .text-about h3
    {
        font-size: 2em;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  PORTFOLIO
        ###########################################################################
    */
    
    .portfolio .col-masonry
    {
        width: 33.3%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  FOOTER
        ###########################################################################
    */

    .footer .buy .c1
    {
        width: 100%;
        text-align: center;
    }

    .footer .buy .c2
    {
        width: 100%;
        text-align: center;
    }

    .footer .buy .c3
    {
        width: 100%;
        text-align: center;
    }
    
    .footer .buy i
    {
        display: none;
    }
    
    .footer .buy .btn
    {
        margin-top: 0;
        margin-left: 0;
    }

    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  login
        ###########################################################################
    */
    
    .login .c1 > div
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  CONTACT
        ###########################################################################
    */
    
    .contact .c1 > div
    {
        padding-left: 15px;
    }
    
    .contact .c2 > div
    {
        padding-right: 15px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  project
        ###########################################################################
    */
    
    .project .g1 article
    {
        padding: 0 25px 0 25px;
    }
    
    .project .g1 article .c2
    {
        padding-bottom: 45px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
}

/* MAX 1024px */

@media only screen and (max-width: 1024px)
{
    
    /*  HEADER
        ###########################################################################
    */
    
    .header .cover .text
    {
        /*top: 24%;*/
    }
    
    .header .cover .text h1
    {
        font-size: 2.4em;
        margin-bottom: 12px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */

    /*  HOME
        ###########################################################################
    */
    
    .h-banner .text
    {
        top: 22%;
    }

    .h-banner .text h3
    {
        font-size: 3em;
    }
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    

}


/* MAX 960px */

@media only screen and (max-width: 960px)
{
    
    /*  HEADER
        ###########################################################################
    */
    
    .header .cover .text
    {
        /*top: 24%;*/
    }
    
    .header .cover .text h1
    {
        font-size: 1.8em;
        margin-bottom: 10px;
    }
    
    .header nav .logo
    {
        width: 110px;
    }
    
    .menu-fixed 
    {
        position: relative;
        height: 800px;
    }
    
    .header-void
    {
        height: 1px;
    }
    
    .header .cover .h-video #video
    {
        display: none;
    }
    
    .project-video #video
    {
        display: none;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */

    /*  HOME
        ###########################################################################
    */
    
    .h-s-header .c1
    {
        width: 100%;
    }
    
    .h-s-header .c2
    {
        width: 100%;
    }

    .h-s-header .c1 > div
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .h-s-header .c2 > div
    {
        padding-right: 25px;
        padding-left: 25px;
        text-align: left;
    }
    
    .h-s-header .c1 .t
    {
        padding-bottom: 0;
    }
    
    .h-s-header .c2 .menu
    {
        margin-top: 15px;
    }
    
    .h-s-header .c1 .t h2
    {
        line-height: 1.5em;
    }
    
    .h-banner .text-about
    {
        top: 4%;
    }
    
    .h-banner .text-about h3
    {
        font-size: 1.1em;
    }
    
    .testimonials .texts > div h3
    {
        font-size: 1.6em;
    }
    
    .h-products .c1 .text
    {
        width: 300px;
        right: 20px;
    }
    
    .h-products .c2 .text
    {
        width: 300px;
        left: 20px;
    }
    
    .h-products .text h3
    {
        font-size: 2em;
    }
    
    .h-gallery article .art-img img { transition: none; }

    .h-gallery article:hover .art-img img { transform: none; }
    
    .h-gallery article .art-img .mask { transition: none; }
    
    .h-gallery article:hover .art-img .mask { transition: none; }
    
    
    
    .h-products .c1 img { transition: none; }

    .h-products .c1:hover img { transform: none; }
    
    .h-products .c2 img { transition: none; }

    .h-products .c2:hover img { transform: none; }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  about
        ###########################################################################
    */
    
    .team article > img { transition: none; }
    
    .team article:hover > img { transform: none; }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  FAQ
        ###########################################################################
    */
    
    .faq .c1 article { transition: none; }

    .faq .c1 article:hover { transition: none; }
    
    .faq .c1 article:hover h3 { transition: none; }

    .faq .c1 article:hover p { transition: none; }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  LOGIN
        ###########################################################################
    */
    

    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  PRODUCTS
        ###########################################################################
    */
    
    .products article .art-img img { transition: none; }

    .products article:hover .art-img img { transform: none; }

    .products article .art-img .mask { transition: none; }
    
    .products article:hover .art-img .mask { transition: none; }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  PORTFOLIO
        ###########################################################################
    */
    
    .portfolio .col-masonry
    {
        width: 50%;
    }
    
    .portfolio article > div img { transition: none; }

    .portfolio article:hover > div img { transform: none; }

    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  PROJECT
        ###########################################################################
    */
    
    .project .details article
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  BLOG
        ###########################################################################
    */
    
    .post-2 .image > img { transition: none; }

    .post-2 .image:hover > img { transform: none; }

    .post-2 .image .mask { transition: none; }
    
    .post-2 .image:hover .mask { transition: none; }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  form-1
        ###########################################################################
    */
    

    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  sidebar
        ###########################################################################
    */
    

    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  isotope
        ###########################################################################
    */
    
    .isotope,
	.isotope .isotope-item { transition: none; }

	.isotope { transition: none; }

	.isotope .isotope-item { transition: none; }

    /**** disabling Isotope CSS3 transitions ****/

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition { transition: none; }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  footer
        ###########################################################################
    */
    
    .footer .f-content .c1
    {
        width: 50%;
    }
    
    .footer .f-content .c1 > div
    {
        padding: 0 25px 0 25px;
    }

    .footer .f-content .c2
    {
        width: 50%;
    }
    
    .footer .f-content .c2 > div
    {
        padding: 0 25px 0 25px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    


}

/* MAX 800px */

@media only screen and (max-width: 800px)
{
    
    .team article
    {
        width: 100%;
    }

    /*  HEADER
        ###########################################################################
    */
    
    .header nav > ul
    {
        display: none;
    }
    
    .header nav .m-moblie
    {
        display: block;
    }
    
    .header .h-top
    {
        height: 72px;
    }
    
    .header .h-top .c1
    {
        float: left;
        width: 100%;
        text-align: center;
    }

    .header .h-top .c2
    {
        float: right;
        width: 100%;
        text-align: center;
    }
    
    .header .h-top .c2 > div
    {
        float: right;
        width: 100%;
    }
    
    .header .h-top .c2 .search
    {
        display: none;
    }
    
    .header .cover .text p
    {
        width: 300px;
    }
    
    .header nav .logo-left
    {
        display: block;
        left: 50%;
        margin-left: -55px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */


    /*  HOME
        ###########################################################################
    */

    .h-banner .text
    {
        top: 12%;
    }

    .h-banner .text h3
    {
        font-size: 1.8em;
    }
    
    .h-banner .text-about .btn
    {
        display: none;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  FOOTER
        ###########################################################################
    */

    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  PAGE TITLE
        ###########################################################################
    */
    
    .pg-title .c1 p
    {
        margin-left: 25px;
    }
    
    .pg-title .c1 p
    {
        margin-left: 25px;
    }
    
    .pg-title .c2
    {
        float: left;
        margin-left: 25px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  ABOUT
        ###########################################################################
    */
    
    .about article
    {
        width: 50%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  FAQ
        ###########################################################################
    */
    
    .faq .c1
    {
        width: 100%;
    }

    .faq .c2
    {
        display: none;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  LOGIN
        ###########################################################################
    */
    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  404
        ###########################################################################
    */
    
    .r404 h1
    {
        font-size: 10em;
    }
    
    .r404 h3
    {
        font-size: 2em;
    }
    
    .r404 p
    {
        width: 300px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  PRODUCTS
        ###########################################################################
    */

    .products .c1
    {
        width: 100%;
    }
    
    .products .c1 > div
    {
        padding: 0;
    }

    .products .c2
    {
        display: none;
    }
    
    .product-view .c1
    {
        width: 100%;
    }
    
    .product-view .c1 > div
    {
        padding: 0;
    }
    
    .product-view .c2
    {
        width: 100%;
    }
    
    .product-view .c2 > div
    {
        padding: 35px 25px 35px 25px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  BLOG
        ###########################################################################
    */

    .blog .c1
    {
        width: 100%;
        margin-left: 0;
    }

    .blog .c2
    {
        display: none;
    }
    
    .post
    {
        margin-left: 3%;
        margin-right: 3%;
    }
    
    .blog .c1 .post-open-itens
    {
        margin-left: 3%;
        margin-right: 3%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */

}



/* MAX 640px */

@media only screen and (max-width: 640px)
{
    
    /*  HEADER
        ###########################################################################
    */
    
    .header .cover .text
    {
        /*display: none;*/
    }
    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  HOME
        ###########################################################################
    */
    
    .h-products .c1 .text
    {
        width: 130px;
        right: 20px;
    }
    
    .h-products .c2 .text
    {
        width: 130px;
        left: 20px;
    }
    
    .h-products .text h3
    {
        font-size: 1.1em;
    }
    
    .h-banner .text-about p
    {
        display: none;
    }
    
    .testimonials .texts
    {
        height: 120px;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  footer
        ###########################################################################
    */
    
    .footer .f-content .c1
    {
        width: 100%;
        padding-bottom: 15px;
    }

    .footer .f-content .c2
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  ABOUT
        ###########################################################################
    */
    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  login
        ###########################################################################
    */
    
    .login .c1
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  BLOG
        ###########################################################################
    */
    
    .post .title .date
    {
        float: left;
        width: 100%;
        padding-bottom: 15px;
    }
    
    .post .text-l
    {
        width: 100%;
        padding-bottom: 30px;
    }
    
    .post .image-r
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  PORTFOLIO
        ###########################################################################
    */
    
    .portfolio .col-masonry
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  project
        ###########################################################################
    */
    
    .project .g1 article .c1
    {
        width: 100%;
    }

    .project .g1 article .c2
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  CONTACT
        ###########################################################################
    */
    
    .contact .c1
    {
        width: 100%;
    }
    
    .contact .c2
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
}

/* MAX 560px */

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

    /*  HOME
        ###########################################################################
    */

    .h-banner .text
    {
        top: 2%;
    }

    .h-banner .text h3
    {
        font-size: 1.1em;
    }
    
    .h-banner .btn
    {
        display: none;
    }
    
    .h-banner p
    {
        width: 300px;
        font-size: 0.85em;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  form
        ###########################################################################
    */
    
    .form-1 input
    {
        width: 98%;
        margin-bottom: 10px;
    }

    .form-1 .input-center
    {
        width: 98%;
        margin-left: 0;
        margin-right: 0;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  login
        ###########################################################################
    */
    
    .login .c1 .half
    {
        width: 98%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    /*  PORTFOLIO
        ###########################################################################
    */
    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    
}

/* MAX 480px */

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

    /*  HOME
        ###########################################################################
    */

    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  ABOUT
        ###########################################################################
    */
    
    .about article
    {
        width: 100%;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  portfolio
        ###########################################################################
    */
    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    

    /*  project
        ###########################################################################
    */
    
    
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    
    /*  footer
        ###########################################################################
    */

    .footer .f-content .c1d p
    {
        width: 300px;
        margin: 0 auto;
    }
    
    /*
        ###########################################################################
        ###########################################################################
    */
    
    

}

/* MAX 400px */

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

    /*  footer
        ###########################################################################
    */

    
    
    /*
        ###########################################################################
        ###########################################################################
    */

}