@media all and (max-width: 1210px) {
    .wrapper {width: auto; margin: 0 10px;}
    
    /*.bg1 {background: none;}*/
    .banners {height: auto;}
    
    .plist {text-align:center;}
    .plist .item:nth-child(4n+0) {margin-right:30px;}
    .plist.ajanlo .item:nth-child(4) {display: none;}
             
    .banners .col .caption .title {font-size: 21px;}
    .banners .col .caption .subtitle {font-size: 15px;}

    .productpage .col:first-child {float: none; margin: 0 auto;}
    .productpage .col:nth-child(2) {float: none; width: auto; margin-top: 15px;}
    
    #footer .col.col4 {display: block; margin-left: 207px;  margin-top: 20px; }
}

@media all and (max-width: 960px) {
    #mainslider .item .title {font-size: 50px;}
    #mainslider .item .subtitle {font-size: 20px;}
    
    .banners .col .caption .title {font-size: 18px;}
    .banners .col .caption .subtitle {font-size: 13px;}
    
    .plist .item .addtocart a, .plist .item .jumptoadatlap a {display: inline-block;}
    .plist.ajanlo .item:nth-child(4) {display: inline-block;}    
    
    /*.col-3 .inner.quote .text {height: 220px;}*/
    .box-gallery.items a {width: 230px;}
     
    #footer-bottom ul {float: none;}
    #footer-bottom ul.socials {float: none; margin: 15px 0; text-align: center;}
}

@media all and (max-width: 920px) {
    #footer .col.col3 {display: block; margin-left: 207px;  margin-top: 20px; }
}

@media all and (max-width: 890px) {
    #mainlogo {display: block; width: 190px; margin: 10px auto;}
    #hLogo>a img {width: 100%; height: auto;}
    #hLeft, #hRight {margin-top: 0px;}
    .col-3{width:50%}
}

@media all and (max-width: 760px) {
    #KosarAddedBox {width: 410px; margin-left: auto; margin-right: auto; margin-top: 20px;}
    .modal-dialog #kosar-added-box td {display: inline-block}
    .modal-dialog #kosar-added-box td:nth-child(3) {display: block; margin-top: 10px;}
    .modal-dialog #kosar-added-box table {width: 100%;}
    .modal-dialog #kosar-added-box .cart-total table {width: 100%;}
    
    .flexbox-container {display: block;}
    .flexbox-container .col-3 {display: inline-block;}

}

@media all and (max-width: 740px) {
    .onlymobil {display: block !important;}
    #menu {display: none; 
        /*display: none; top: -55px; left: 0px; position: absolute; width: 100%;  z-index: 999; background: #fff;*/}
    #menu-top-mini {display: block;}
    #menu>li {text-align: left; margin-right: 0;}
    #menu>li, #menu>li ul {display: block; position: relative; width: auto; min-width: unset;}
    #menu>li ul {margin-left: 20px; box-shadow: none;}
    #menu>li ul li {text-align: left;}
    
    #header #contacticons {display: none;}
    #header #flags {display: block; position: absolute; top: 51px; right: 40px;}
    #hmenu {margin-top:0;}
    .kosar_top {display: none;}
    #header #htel {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; border: 1px solid #ba9f64; -webkit-border-radius: 30px; border-radius: 30px; position: absolute; top: 43px; right: 168px; margin: 0;}
    #header #htel .fa {line-height:40px;}
    #header #htel span {display: none;}
    #mainlogo {margin: 10px 10px;}
    
    .main_nav {margin-top: 15px;}
            
    #mainslider .item .title {font-size: 40px;}
    #mainslider .item .subtitle {font-size: 20px;}
    
    .banners .col {float: none; width: 100%;}
    .banners .col:nth-child(2) {display: none;}
    .banners .col .caption .title {font-size: 25px;}
    .banners .col .caption .subtitle {font-size: 17px;}
    
    .plist .item .addtocart a {display: block;}
    .page-content .title2 {margin-top: 20px;}
    /*.modal-body {max-height: unset;}*/
    
    #video1_holder {min-height: 340px;}
    .col-3 {float: none; width: auto; margin: 10px 0px;}
    .col-3 .inner.quote .text {height: auto; /*82px;*/;margin-bottom:0;min-height:initial}
    
    .urlap .left, .urlap .right {float: none; width: auto;}
    .urlap .right {margin: 15px 0;}
    
    #orderForm .addresses td, #orderForm .payandshipp td {display: block; width: 99%;}
    #orderForm .fizmodinfo td {display: table-cell; width: auto;}

}

@media all and (max-width: 680px) {
    #hLeft, #hRight {float: none; }

    #mainslider .item .title {font-size: 40px;}
    #mainslider .item .subtitle {font-size: 18px; text-shadow: 2px 2px 2px #000000;}

    #kapcsolatpage .left, #kapcsolatpage .right {float: none; width: auto;top:0}
    
    #footer .col.col1, #footer .col.col2, #footer .col.col3, #footer .col.col4 {display: block; width: auto; margin: 20px auto; }
    #footer .col .title {margin: 10px 0 10px 0;}
    #footer .col.col3 ul li {width: 45%;}
    
    #footer .col.col1 img {width: 150px;}
}

@media all and (max-width: 580px) {
    .wrapper .wrapper {margin:0; padding: 0;}
    .productpage .col:first-child {width: auto; margin: 0 15px 0 30px;}
    .productpage .coverimg {min-height: unset;}
    .productpage .img img {height: auto; max-width: 100%; max-height: 400px;}
    .copy_sz.btn {margin-left: 15px;}
}

@media all and (max-width: 550px) {
    #mainlogo {width: 160px;}
    #mainslider .item .title {font-size: 30px;}
    #mainslider .item .subtitle {font-size: 16px;}
    #mainsliderlider .bttn {margin: 8px 10px;}
    
    .plist .item {margin: 15px 0;}
    .plist .item:nth-child(4n+0) {margin: 15px 0;}
    
    .banners .col .caption .title {font-size: 20px;}
    .banners .col .caption .subtitle {font-size: 14px;}
    
    #video1_holder {min-height: 250px;}
    
    .kosar thead tr th:nth-child(1) {display: none;}
    .kosar thead tr th:nth-child(4) {display: none;}
    
    .kosar tbody tr td:nth-child(1) {display: none;}
    .kosar tbody tr td:nth-child(4) {display: none;}
}

@media all and (max-width: 460px) {
    #mainlogo {margin: 10px auto 30px auto;}
    #menu-top-mini {top: 43px; right: 10px;}
    #header #flags {right: auto; left: 10px; padding: 0;}
    #header #flags .dropdown .caret {margin-top: 12px; margin-left: 3px;}
    #header #flags span.short{display:none}
    #header #htel {display: none;}
    #main_nav_face .fb-like, #main_nav_face .fb-share-button {display: block; clear: both;}
    #orderForm legend.pTitle span {display: block; width: 13px; margin-bottom: 10px;}
    
}

@media all and (max-width: 420px) {
    #mainslider .item .title {font-size: 22px;}
    #mainslider .item .subtitle {display: none;}
    #mainslider .item .caption {bottom: 25px;}
    
    .productpage .col:first-child {margin: 0 5px 0 10px;}

    #KosarAddedBox {width: 280px;}
    .modal-dialog #kosar-added-box table {text-align: center;}
    
    #orderForm label {display: block; min-width: unset; margin-right: 0px; margin-bottom: 6px;}
    #orderForm label span {display: block; width: auto; margin-right: 0px; text-align: left;}
        
    #footer {padding-top: 20px;}
    #footer .col.col1 {/*text-align: center;*/}
    #header #contacticons {display: none;}
    #footer .col.col3 ul li {width: auto; display: block;}
}

@media all and (max-width: 380px) {
    #mainslider .item .title {font-size: 22px;}
    #mainslider .item .caption {bottom: 6px;}
    #mainslider .bttn {min-width: 80px;}
    #mainslider .bttn.green {display: none;}
    
    .productpage .price span.lab{display: block;}
    .productpage .incrementer {float: none; margin-bottom: 5px;}
    
    .page-content .title2 {font-size: 32px;}
    
    .urlap table tr, .urlap table td {display: block;}
    .urlap table label {text-align: left;}
}