/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
    nav ul{
        left: 0px !important;
        background: #fff;
        top: 0px;
    }
    nav ul li ul{
        left: 0px !important;
        background: #fff;
        top: 0px;
    }
    iframe{
        width: 300px;
        height: 300px;
    }
    .overlay{
        /* display: none !important; */
    }
    .showroom-bg{
        background: none !important;
    }
    .koleksiyon-bg{
        background: none !important;
    }
    .pullcontainer{
        position: relative;
        text-align: right;
        width: 90%;
        margin: 0;
        font-size: 11px;
    }
    .pullcontainer #pull{
        font-size: 15px;
    }
    .margin_contact{
        margin: 0px !important;

    }
    .res_top_margin{
        margin:65px 0 0 0 !important;
    }
        .page_picture{
        max-height: 20px !important;
        min-height: 20px !important;
        background: none !important;
    }
    .menu .submenu{
        display: none !important;
    }
    .respsubmenu{
        display: block !important;
    }
    #kamtes_logo{
        display: none;
    }
    #sew_logo{
        display: none;
    }
}
@media screen and (max-width:1200px) {
    p{font-size: 14px; }
    .thin-sep { display: none; }
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: none; margin: 20px 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0;         left: 0px !important;
        background: #fff;
        top: 0px;}
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 15px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
    .responsive-logo {  
      background: url(../img/main-logo-resp.png) no-repeat center center;
      width: 200px;
      height: 60px;
      position: absolute;
      top: 30px;
      left: 2%;
    }
    .logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-holder { display: none; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }

    .overlay{
        /* display: none !important; */
    }
    .showroom-bg{
        background: none !important;
    }
    .koleksiyon-bg{
        background: none !important;
    }
    .iletisim_table{
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .iletisim_fix{
          position: relative;
    }
    .menu .submenu{
        display: none !important;
    }
    .respsubmenu{
        display: block !important;
    }
}
@media only screen and (max-width:1200px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer {   
      width: 100%;
      text-align: right;
      padding: 10px 10px;
      height: 45px;
    }
    .pullcontainer a#pull {   display: block;
  width: 100%;
  color: #B4B4B4;
  padding: 5px 0px; }

    .respsubmenu{
        display: block !important;
    }
}