/* 

Project : marrylove

Author  : wahyu@closelycoded.net

By      : http://www.closelycoded.com

*/



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

 .container-form {

  position: relative;

  max-width: 880px;

  width: 100%;

  /* padding-left: 40px; */

  /* padding-right: 40px; */

  margin: 0;

  padding: 40px;

}

}





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

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

  #header{padding: 0;

    width: 100%;

    min-width: 100%;

    padding-top: 20px;

  }

  .container-form {

    max-width: 768px;

    width: 100%;

    margin: 0 auto;

  }

  .container-form .left,.container-form .right{

    float: none !important;

    width: 350px;margin: 0 auto;

  }

  #form-popup input[type=text], #form-popup textarea, #form-popup select {

    width: 320px;

  }





  .container-900,.container-720{

    width: 100%;

    max-width: 100%;

    padding: 0;

  }

  #navigation{

    /*background: url('images/resp-nav.png') 90% 0% no-repeat;*/

   /* position: absolute;

    top: 80px;

    right: 110px;

    width: 40px;

    height: 40px;*/

  }

  #navigation ul{

    display: none;

    position: absolute;

    right: 0px;

    top: 40px;

    width: 10px;

    background-color: white;

    z-index: 999;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation ul.active{

    display: block;

    position: absolute;

    right: 0px;

    top: 40px;

    width: 200px;

    background-color: white;

    z-index: 999;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation ul li{

    float: none;

    display: block;

  }

  #navigation a#trigger-menu{

    background: url('images/resp-nav.png') 90% 0% no-repeat;

    position: absolute;

    top: -100px;

    right: 80px;

    width: 40px;

    height: 40px;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation a#close-menu{

    width: 31px;

    height: 31px;

    background: url('images/resp-close.png') center center no-repeat white;

    position: absolute;

    display: none;

    top: 40px;

    z-index: 998;

    right: 198px;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation a#close-menu.active{

    display: block;

  }

  /*.widget ul li{

    width: 32%;

  }*/

  .pagination {

    padding-top: 25px;

  }

  #footer{

    text-align: center;

    padding: 10px 0 0;

  }

  #footer ul li{

    display: block;

    padding-bottom: 10px;

  }

  #footer ul ul li{

    display: inline-block;

  }

  #footer ul li.last{

    margin: 0 auto;

	text-align: center;

  }

  #footer ul li.last ul li{

	float: none;

  }

  #post-wrapper{

    padding: 0 10px;

  }

  #lookbook .cat-nav, #lookbook-det .cat-nav, #gallery .cat-nav {

    padding: 0 10px;

  }

  #lookbook .lookbook-gallery ul li {

    width: 100%;

    max-width: 32%;

  }

  .lookbook-gallery,.gallery-product,.gallery-banner,

  #inthepress .inthepress-content {

    padding: 0 10px;

  }

  #gallery .gallery-product ul li {

    max-width: 32%;

    width: 100%;

  }

  #gallery .gallery-product ul li:nth-child(3n+0){

    margin-right: 0;

  }

  #inthepress .gallery-press ul.tab {

    text-align: center;

  }

  #inthepress .gallery-press #inprint {

    padding: 0 10px 0 30px;

  }

  .gallery-banner{

    text-align: center;

  }

  #lookbook-det #slider.flexslider {

    height: 470px;

  }

  #lookbook-det .container-900 p{

  width: auto;

}

  #contact .contact-content{

    padding: 0 10px;

    text-align: center;

  }

  #contact .left {

    width: 600px;

    margin: 0 auto;

    float: none !important;

    margin-bottom: 40px;

  }

  #contact .right{  

   width: 260px;

   margin: 0 auto;

   float: none !important;

   margin-bottom: 40px;

   text-align: center;

 }

 #contact .line-text {

  margin: 10px auto;

}

}





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



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

 #header{padding: 0;

  width: 100%;

  min-width: 100%;

  padding-top: 20px;

}



.container-form {

  max-width: 640px;

  width: 100%;

  margin: 0 auto;

}

.container-form .left,.container-form .right{

  float: none !important;

  width: 350px;margin: 0 auto;

}

#form-popup input[type=text], #form-popup textarea, #form-popup select {

  width: 320px;

}



.container-900,.container-720{

  width: 100%;

  max-width: 100%;

  padding: 0;

}

#navigation{

  /*background: url('images/resp-nav.png') 90% 0% no-repeat;*/

   /* position: absolute;

    top: 80px;

    right: 110px;

    width: 40px;

    height: 40px;*/

  }

  #navigation ul{

    display: none;

    position: absolute;

    right: 0px;

    top: 40px;

    width: 10px;

    background-color: white;

    z-index: 999;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation ul.active{

    display: block;

    position: absolute;

    right: 0px;

    top: 40px;

    width: 200px;

    background-color: white;

    z-index: 999;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation ul li{

    float: none;

    display: block;

  }

  #navigation a#trigger-menu{

    background: url('images/resp-nav.png') 90% 0% no-repeat;

    position: absolute;

    top: 40px;

    right: 40px;

    width: 40px;

    height: 40px;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation a#close-menu{

    width: 31px;

    height: 31px;

    background: url('images/resp-close.png') center center no-repeat white;

    position: absolute;

    display: none;

    top: 40px;

    z-index: 998;

    right: 198px;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation a#close-menu.active{

    display: block;

  }

  .widget ul {
    margin-left: 10px;
    margin-right: 10px;
  }
  /*.widget ul li{

    width: 32%;

  }*/

  .pagination {

    padding-top: 25px;

  }

  #footer{

    text-align: center;

    padding: 10px 0 0;

  }

  #footer  ul li{

    display: block;

    padding-bottom: 10px;

  }

  #footer ul ul li{

    display: inline-block;

  }

  #post-wrapper{

    padding: 0 10px;

  }

  #lookbook .cat-nav, #lookbook-det .cat-nav, #gallery .cat-nav {

    padding: 0 10px;

  }

  #lookbook .lookbook-gallery ul li {

    width: 100%;

    max-width: 99%;

  }

  .lookbook-gallery,.gallery-product,.gallery-banner,

  #inthepress .inthepress-content {

    padding: 0 10px;

  }

  #gallery .gallery-product ul li {

    max-width: 99%;

    width: 100%;

  }

  #gallery .gallery-product ul li:nth-child(3n+0){

    margin-right: 0;

  }

  #gallery .gallery-product ul li .product-image {

    width: 99%;

    height: auto;

    overflow: hidden;

    border: 1px solid #4d4d4d;

    margin: 0 auto;

  }

  #inthepress .gallery-press ul.tab {

    text-align: center;

  }

  #inthepress .gallery-press #inprint {

    padding: 0 10px 0 90px;

  }

  #inthepress .gallery-press ul li:nth-child(3n+0) {

    margin-right: 106px;

  }

  .gallery-banner{

    text-align: center;

  }

  #lookbook-det #slider.flexslider {

    height: 470px;

  }

  #lookbook-det .container-900 p{

  width: auto;

}

  #contact .contact-content{

    padding: 0 10px;

    text-align: center;

  }

  #contact .left {

    width: 600px;

    margin: 0 auto;

    float: none !important;

    margin-bottom: 40px;

  }

  #contact .right{  

   width: 260px;

   margin: 0 auto;

   float: none !important;

   margin-bottom: 40px;

   text-align: center;

 }

 #contact .line-text {

  margin: 10px auto;

  }

  #stylingpage .left,#stylingpage .right{

    width: 350px;

    margin: 0 auto;

    float: none !important;

    margin-bottom: 40px;

  }

  #gallery-popup #slider {

    height: 430px;

    width: 100%;

    max-width: 430px;

    margin-bottom: 10px;

  }

  #navigation{

    position: absolute;

    top: 70px;

  }

  #logo{

    width: 70%;

    margin: 0 auto;

  }

  .flex-direction-nav a{

    width: 15px;

    height: 33px;

    background: url(images/panah_mobile.png) no-repeat 0 0;

    margin: -10px 0 0; 

  }

  .flex-control-nav{

    bottom: 10px;

  }

  .flex-direction-nav .flex-prev{

    left: 10px;

  }

  .flex-direction-nav .flex-next{

    right: 10px;

  }

  #front-page .flexslider{

    padding: 0 10px;

  }

  #footer{

    margin-top: 0;

  }

}



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



@media (max-width: 400px)

{

 @-ms-viewport

 {

   width: 320px;

 }

 #header{padding: 0;

  width: 100%;

  min-width: 100%;

  padding-top: 20px;

}



.container-form {

  max-width: 320px;

  width: 100%;

  margin: 0 auto;

  padding: 10px;

}

.container-form .left,.container-form .right{

  float: none !important;

  width: 100%;margin: 0 auto;

}

#form-popup input[type=text], #form-popup textarea, #form-popup select {

  width: 100%;

}



.container-900,.container-720{

  width: 100%;

  max-width: 100%;

  padding: 0;

}

#navigation{

  /*background: url('images/resp-nav.png') 90% 0% no-repeat;*/

   /* position: absolute;

    top: 80px;

    right: 110px;

    width: 40px;

    height: 40px;*/

  }

  #navigation ul{

    display: none;

    position: absolute;

    right: 0px;

    top: 40px;

    width: 10px;

    background-color: white;

    z-index: 999;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation ul.active{

    display: block;

    position: absolute;

    right: 0px;

    top: 0px;

    width: 200px;

    background-color: white;

    z-index: 999;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation ul li{

    float: none;

    display: block;

  }

  #navigation a#trigger-menu{

    background: url('images/resp-nav.png') 90% 0% no-repeat;

    position: absolute;

    top: -25px;

    right: 10px;

    width: 40px;

    height: 40px;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation a#close-menu{

    width: 31px;

    height: 31px;

    background: url('images/resp-close.png') center center no-repeat white;

    position: absolute;

    display: none;

    top: 0px;

    z-index: 998;

    right: 198px;

    border: 2px solid #bec3bd;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    -ms-transition: width 0.3s ease-in-out;

    -o-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

  }

  #navigation a#close-menu.active{

    display: block;

  }

  #front-page .widget ul {
    margin: 0 10px 0 10px;
  }

  /*#front-page .widget ul {
    margin: 0 10px 0 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;

    justify-content: space-around;
  }

  #front-page .widget ul li {
    width: 30%;
  }*/


  /* .widget ul li{
  
    display: block;
  
    width: 80%;
  
    margin: 0 auto 10px;
  
  }
  
  .widget ul li:nth-child(3n+0) {
  
   margin: 0 auto;
  
   } */

 #stylingpage input[type=text],#stylingpage input[type=email],#stylingpage textarea{width: 300px;}

 #stylingpage textarea{width: 290px;}



 .pagination {

  padding-top: 25px;

}

#footer{

  text-align: center;

  padding: 10px 0 0;

}

#footer  ul li{

  display: block;

  padding-bottom: 10px;

}

#footer ul ul li{

  display: inline-block;

}

#post-wrapper{

  padding: 0 10px;

}

#lookbook .cat-nav, #lookbook-det .cat-nav, #gallery .cat-nav {

  padding: 0 10px;

}

#lookbook .lookbook-gallery ul li {

  width: 100%;

  max-width: 99%;

}

.lookbook-gallery,.gallery-product,.gallery-banner,

#inthepress .inthepress-content {

  padding: 0 10px;

}

#gallery .gallery-product ul li {

  max-width: 99%;

  width: 100%;

}

#gallery .gallery-product ul li:nth-child(3n+0){

  margin-right: 0;

}

#gallery .gallery-product ul li .product-image {

  width: 99%;

  height: auto;

  overflow: hidden;

  border: 1px solid #4d4d4d;

  margin: 0 auto;

}

#inthepress .gallery-press ul.tab {

  text-align: center;

  padding-left: 10px;

}

#inthepress .gallery-press ul.tab li {

  padding: 12px 10px;

}

#inthepress .gallery-press #inprint {

  padding: 0;

  text-align: center;

}

#inthepress .gallery-press ul li {

 margin-right: 0;

}

#inthepress .gallery-press ul li:nth-child(3n+0) {

  margin-right: 106px;

}

.gallery-banner{

  text-align: center;

}

#lookbook-det #slider.flexslider {

  height: 470px;

}

#lookbook-det .container-900 p{

  width: auto;

}

#contact .contact-content{

  padding: 0 10px;

  text-align: center;

}

#contact label, #contact input, #contact textarea {

  display: block;

}

#contact input[type=text], #contact input[type=email], #contact textarea {

  width: 280px;

}

#contact .left {

  width: 320px;

  padding: 0 10px;

}

#contact .right{  

 width: 260px;

 margin: 0 auto;

 float: none !important;

 margin-bottom: 40px;

 text-align: center;

}

#contact .line-text {

  margin: 10px auto;

}

#stylingpage .left,#stylingpage .right{

  width: 350px;

  margin: 0 auto;

  float: none !important;

  margin-bottom: 40px;

}

#gallery-popup #slider {

  /* height: 430px; */

  width: 100%;

  max-width: 430px;

  margin-bottom: 10px;

}

#wrapper .press-nav{

  display: none;

}

}