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

    /* --------------------------------------------------------------------- */
    /* PAGE HEADER
    /* --------------------------------------------------------------------- */

    #logo {
        left: 20px;
        top: 30px;
    }

    #pagination-navi {
        right: 20px;
    }

    .imagen-cine {
    
 }

.imagen-cine img {
    width: 390px;
    height: 221px;
 }

.social-icons {
    display: block;
    font-size: 0;
    }

.social-icons img {
    width: 64px;
    height: 65px;
    }

    /* --------------------------------------------------------------------- */
    /* AJAX CONTENT
    /* --------------------------------------------------------------------- */

    #ajax-closer {
        top: 30px;
        left: 20px;
    }

}



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

    /* --------------------------------------------------------------------- */
    /* WORK
    /* --------------------------------------------------------------------- */

    #work-grid li {
        width: 50%;
    }

.imagen-cine {
    
 }

.imagen-cine img {
    width: 390px;
    height: 221px;
 }

.social-icons {
    display: block;
    font-size: 0;
    }

.socialicons img {
    width: 64px;
    height: 65px;
    }

}




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

    /* --------------------------------------------------------------------- */
    /* 1. DOCUMENT SETUP
    /* --------------------------------------------------------------------- */

    body {
        font-size: 95%;
    }


    /* --------------------------------------------------------------------- */
    /* WRAPPER
    /* --------------------------------------------------------------------- */

    section {
        padding: 70px 0;
    }

    section.parallax {
        background-attachment: scroll !important;
        background-position: 50% 0 !important;
    }

    .imagen-cine {
    
    }

    .imagen-cine img {
    width: 390px;
    height: 221px;
 }

    .social-icons {
    display: block;
    font-size: 0;
    }

    .socialicons img {
    width: 64px;
    height: 65px;
    }


    /* --------------------------------------------------------------------- */
    /* BANNER
    /* --------------------------------------------------------------------- */

    .banner-content h2 {
        font-size: 2.5em;
    }
    .banner-content h4 {
        font-size: 1.3em;
    }

    .banner.video,
    section.video {
        background-image: url(../videos/video-background-poster.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .banner.video video,
    section.video video {
        display: none;
    }


    /* --------------------------------------------------------------------- */
    /* COUNTER (SHORTCODES)
    /* --------------------------------------------------------------------- */

    .counter li {
        width: 30%;
        margin-bottom: 40px;
    }


    /* --------------------------------------------------------------------- */
    /* SHOP
    /* --------------------------------------------------------------------- */

    #shop-grid li {
        width: 50%;
    }


}



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

    /* --------------------------------------------------------------------- */
    /* PAGE HEADER
    /* --------------------------------------------------------------------- */

    #page-header {
        display: block !important;
    }
    

    .imagen-cine {
    
    }

    .imagen-cine img {
    width: 390px;
    height: 221px;
 }
    .social-icons {
    display: block;
    font-size: 0;
    }

.social-icons img {
    width: 64px;
    height: 65px;
    }

}



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

    /* --------------------------------------------------------------------- */
    /* PAGE HEADER
    /* --------------------------------------------------------------------- */

    #page-header.pos-fixed #main-navigation {
        top: 50% !important;
    }

    #page-header.pos-fixed {
        height: auto !important;
    }

    #page-header {
        display: none;
        position: fixed;
        top: 20px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        height: auto;
        background: #181818;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(0) translateZ(99px);
        transform: rotateX(0) translateZ(99px);
    }

    #main-navigation {
        left: 0;
        top: 50%;
        width: 100%;
        margin-top: -125px;
        text-align: center;
		background: #181818;
		color: #ffffff;
    }

    #main-navigation li {
        float: none;
    }

    #main-navigation a {
        color: #fff;
    }

    #mobile-bars {
        display: block;
        position: fixed;
        right: 20px;
        top: 30px;
        font-size: 1.5em;
        color: #3d4148;
        z-index: 97;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(0) translateZ(99px);
        transform: rotateX(0) translateZ(99px);
    }

    #mobile-bars:hover {
        color: #fff;
    }

    #mobile-bars.banner {
        color: #fff;
    }

    #mobile-bars.banner:hover {
        color: #3d4148;
    }

    #mobile-close {
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
    }

    #pagination-navi {
        display: none !important;
    }


    /* --------------------------------------------------------------------- */
    /* BANNER
    /* --------------------------------------------------------------------- */

    .banner-content h2 {
        font-size: 2em;
    }
    .banner-content h4 {
        font-size: 1em;
    }

    .button .front, .button .bottom {
    height: 54px;
    padding: 0 25px;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.7em;
}

    .imagen-cine {
    
    }

    .imagen-cine img {
    width: 210px;
    height: 119px;
    }

    h6 {
    font-size: 4.3em;
    }


    /* --------------------------------------------------------------------- */
    /* PROCESS (SHORTCODES)
    /* --------------------------------------------------------------------- */

    .process:after {
        display: none;
    }


    /* --------------------------------------------------------------------- */
    /* SERVICE (SHORTCODES)
    /* --------------------------------------------------------------------- */

    .service {
        text-align: center;
    }


    /* --------------------------------------------------------------------- */
    /* COUNTER (SHORTCODES)
    /* --------------------------------------------------------------------- */

    .counter li {
        width: 48%;
    }


    /* --------------------------------------------------------------------- */
    /* CLIENT CAROUSEL (SHORTCODES)
    /* --------------------------------------------------------------------- */

    .client-carousel {
        padding: 0 20px;
    }


    /* --------------------------------------------------------------------- */
    /* SHOP
    /* --------------------------------------------------------------------- */

    .shop-controls {
        padding-top: 75px;
        margin-bottom: 50px;
    }

    #cart-button {
        position: absolute;
        top: 0;
        right: auto;
        left: 20px;
    }

    .shop-row {
        padding-left: 10px;
        padding-right: 10px;
    }

    #shop-grid li {
        padding: 0 10px;
    }

}
@media screen and (max-width: 800px) {

.title-innerw:before {
	
  	
  	border-top: 0px solid #fff;
	content: "";
	position: relative;
      height: 0px;
	left: 0;
	width: 600px;
	bottom: 68px;
     display:none;

}
.title-innerw:after {
	
     	
  	border-top: 0px solid #fff;
	content: "";
	position: absolute;
      height: 1.5px;
	right: 0;
	width: 600px;
	bottom: 68px;
     display:none;
}



}
@media screen and (max-width: 640px) {

.mobile-text {
    z-index: 3;
    display: block;

    }
.web-text {
    z-index: 3;
    display: none;

    }
.title-innerw:before {
	
  	
  	border-top: 0px solid #fff;
	content: "";
	position: relative;
      height: 0px;
	left: 0;
	width: 600px;
	bottom: 68px;
     display:none;

}
.title-innerw:after {
	
     	
  	border-top: 0px solid #fff;
	content: "";
	position: absolute;
      height: 1.5px;
	right: 0;
	width: 600px;
	bottom: 68px;
     display:none;
}
.insta-profile-widget {
	display: none;
     width:296px; 
	border:1px solid #000000; 
	box-shadow: 0px 1px 3px rgba(0,0,0,0.4); 
	border-radius:5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#ffffff;
	overflow:hidden;
}

    }
@media screen and (max-width: 620px) {

    /* --------------------------------------------------------------------- */
    /* BANNER
    /* --------------------------------------------------------------------- */

    .banner-content h2 {
        font-size: 1.5em;
    }
    .banner-content h4 {
        font-size: 0.9em;
    }
    .imagen-cine {
    
    }

    .imagen-cine img {
    width: 210px;
    height: 119px;
    }

    h6 {
    font-size: 4.1em;
    }

    
    /* --------------------------------------------------------------------- */
    /* WORK
    /* --------------------------------------------------------------------- */

    #work-grid li {
        width: 100%;
    }


    /* --------------------------------------------------------------------- */
    /* CONTACT
    /* --------------------------------------------------------------------- */

    .contact-details .button {
        font-size: 0.85em;
        height: 52px;
        line-height: 50px;
    }

    .contact-details .button.big .front, .contact-details .button.big .bottom {
        height: 52px;
        padding: 0 15px;
    }

    .button.big .front {
        -webkit-transform: translateZ(26px);
        transform: translateZ(26px);
    }

    .button.big .bottom {
        -webkit-transform: rotateX(-90deg) translateZ(-26px);
        transform: rotateX(-90deg) translateZ(-26px);
    }


    /* --------------------------------------------------------------------- */
    /* COUNTER (SHORTCODES)
    /* --------------------------------------------------------------------- */

    .counter li {
        width: 95%;
    }


    /* --------------------------------------------------------------------- */
    /* SHOP
    /* --------------------------------------------------------------------- */

    #shop-grid li {
        width: 100%;
        max-width: 370px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 8%;
    }
h1 {
    font-size: 1.9em;
    padding-bottom:24px;
    letter-spacing: -1px;
}
.boton {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 12px 25px;
    
    background: #ca4633;
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #722419;
    -moz-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    font-family: 'Bree Serif', serif;
    font-size: 19px; font-weight: 400;
    color: #fff;
    text-align: center;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}
.mobile-text {
    z-index: 3;
    display: block;

    }
.web-text {
    z-index: 3;
    display: none;

    }

h2.demo1 {
    top:0;
    font-size: 3.9em;
    letter-spacing: -1px;
    padding-bottom:0px;
    font-family: 'Bree Serif', serif;
    font-weight: 400;
    text-transform:uppercase;
    display:none;
}
.title-innerw:before {
	
  	
  	border-top: 0px solid #fff;
	content: "";
	position: absolute;
      height: 1.5px;
	left: 0;
	width: 600px;
	bottom: 68px;
     display:none;

}
.title-innerw:after {
	
     	
  	border-top: 0px solid #fff;
	content: "";
	position: absolute;
      height: 1.5px;
	right: 0;
	width: 600px;
	bottom: 68px;
     display:none;
}

}

@media screen and (max-height: 736px) {

    .social-iconstop {
    display: block;
    }

    .social-iconstop img {
    width: 64px;
    height: 65px;
    display: none;
    }
h2 {
    font-size: 3.9em;
}





}
@media screen and (max-height: 640px) {


h2 {
    font-size: 1.7em;
}    

.banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -90px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    z-index: 4;
}


    .underlinewhiteup {
    display: none;
    background: url(../images/layout/dividerwhite.png)center top      no-repeat;
    background-size: 98px 7px;
}

    h6.underlinewhite {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background: url(../images/layout/dividerwhite2.png) center bottom no-repeat;
    background-size: 98px 7px;
}


.underlinewhite {
    display: block;
    background: url(../images/layout/dividerwhite2.png)center bottom no-repeat;
    background-size: 98px 7px;
   }
 

    .social-iconstop img {
    width: 44px;
    height: 45px;
    display: none;
    }

}


@media screen and (max-height: 568px) {

    
    h2 {
    font-size: 2.2em;
}
    h4 {
    font-size: 1.3em;
    margin-bottom: 10px;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -90px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    z-index: 4;
}

    .underlinewhiteup {
    display: none;
    background: url(../images/layout/dividerwhite.png)center top      no-repeat;
    background-size: 98px 25px;
}

    h6.underlinewhite {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background: url(../images/layout/dividerwhite2.png) center bottom no-repeat;
    background-size: 98px 25px;
}

   .underlinewhiteup {
    display: block;
    background: url(../images/layout/dividerwhite.png)center top no-repeat;
   background-size: 98px 25px;
}

.underlinewhite {
    display: block;
    background: url(../images/layout/dividerwhite2.png)center bottom no-repeat;
    background-size: 98px 25px;
   }
 

    .social-iconstop {
    display: block;
    }

    .social-iconstop img {
    width: 44px;
    height: 45px;
    display: none;
    }

}

}


@media screen and (max-height: 533px) {

    

    
    h2 {
    font-size: 2.1em;
}

h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
  }

.social-iconstop {
    display: block;
    }

    .social-iconstop img {
    width: 44px;
    height: 45px;
    display: none;
    }

    .banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -90px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    z-index: 4;
}

.underlinewhiteup {
    display: none;
    background: url(../images/layout/dividerwhite.png)center top      no-repeat;
    background-size: 98px 25px;
}

    h6.underlinewhite {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background: url(../images/layout/dividerwhite2.png) center bottom no-repeat;
    background-size: 98px 25px;
}

   .underlinewhiteup {
    display: block;
    background: url(../images/layout/dividerwhite.png)center top no-repeat;
   background-size: 98px 25px;
}

.underlinewhite {
    display: block;
    background: url(../images/layout/dividerwhite2.png)center bottom no-repeat;
    background-size: 98px 25px;
    }
  

    .social-iconstop {
    display: block;
    }

    .social-iconstop img {
    width: 44px;
    height: 45px;
    display: none;
    }

}
@media screen and (max-width: 360px) {
.imagenlogo {
    position:relative;
    display: block;
    padding-top:10%;
    right:5px;
    }
@media screen and (max-width: 320px) {
.imagenlogo {
    position:relative;
    display: block;
    padding-top:10%;
    right:13px;
    }
.separator {
    position:relative;
    right:3px;

    }

    }
@media screen and (max-height: 480px) {

    .banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -90px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    z-index: 4;
}

   .underlinewhiteup {
    display: none;
    background: url(../images/layout/dividerwhite.png)center top      no-repeat;
    background-size: 98px 7px;
}

    h6.underlinewhite {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background: url(../images/layout/dividerwhite2.png) center bottom no-repeat;
    background-size: 98px 7px;
}


.underlinewhite {
    display: block;
    background: url(../images/layout/dividerwhite2.png)center bottom no-repeat;
    background-size: 98px 7px;
}

   .imagen-cine {
    
    }

    .imagen-cine img {
    width: 210px;
    height: 119px;

    }
    
    h2 {
    font-size: 2.1em;
}

    h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
  }

h6 {
    font-size: 4.1em;
    }

    .social-iconstop {
    display: block;
    }

    .social-iconstop img {
    width: 44px;
    height: 45px;
    display: none;
    }

    .social-icons {
    display: block;
    font-size: 0;
    }

    .social-icons img {
    width: 44px;
    height: 45px;
    position: relative;
    }
}

@media screen and (max-height: 240px) {


    .banner-content {
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    margin-top: -90px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    z-index: 4;
}

    .underlinewhiteup {
    display: none;
    background: url(../images/layout/dividerwhite.png)center top      no-repeat;
}

   .imagen-cine {
    
    }

    .imagen-cine img {
    width: 180px;
    height: 102px;

    }
    
    h2 {
    font-size: 2.1em;
}
    h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
  }



    .social-iconstop {
    display: block;
    }

    .social-iconstop img {
    width: 64px;
    height: 65px;
    display: none;
    }

    .social-icons {
    display: block;
    font-size: 0;
    }

    .social-icons img {
    width: 34px;
    height: 35px;
    position: relative;
    }

    

    #main-navigation {
        left: 0;
        top: 50%;
        width: 100%;
        margin-top: -85px;
        text-align: center;
    }

#main-navigation a {
    display: block;
    padding: 5px 5px;
    text-transform:uppercase;
    font-size: 0.7em;
    color: #000;
}
}