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

    .newsletter-s .rodo-info {
        width: calc(370px + (100vw - 1370px) / 2 - 65px);
    }
    .newsletter-s .send-button{
        margin: 0 30px 62px 40px;
    }
    .blog-list-section .col-lg-4 .rt-item .entry-title{
        font-size:19px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.info-home .img-card{width:100%;}
@media only screen and (max-width: 1440px)
{
    header .menu-top a, .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        padding:10px  10px;
    }
    .menu-bar{
        padding-top:20px;padding-bottom: 20px;
    }
    header .menu-top nav {
        padding: 0 10px;
    }
    .page-title{
        margin-top:80px;
    }
    header .logo-top{
        top:8px;
    }
    .contact-info-data p img{
        max-width: 40px;
    }
    .logo-top img,footer img.logo-footer{width: 150px;}
    .round{
        transform: scale(0.7);
    }
    .f_p_item .prod-subt {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }
    .home-about{
        padding:30px 20px;
    }
    .newsletter-s{
        padding:30px 20px;
    }
    .newsletter-s .rodo-info {
        width: calc(370px + (100vw - 1370px) / 2 - 45px);
    }

    .page-section div.p{
        padding:0 20px;
    }
    .files{
        padding-left:20px;padding-right: 20px;padding-top: 20px;
    }
    div.p .flex-center img {
        width: calc(100% + 35px);
        max-width: 150%;
    }
    .blog-box .rt-image, .blog-box .rt-image img{
        min-height: 10px !important;
    }
    .blog-list-section .col-lg-4 .rt-item .entry-title{
        font-size:18px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .blog-list-section  .blog-box .list-content p.date-b{
        font-size:16px;padding-top: 5px;
    }
    .blog-page .blog-box .rt-item .list-content .btn{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 1419px)
{
    .newsletter-dsg{
        flex-wrap:wrap;
    }
    .newsletter-s .er-title{
        width:100%;flex:0 0 100%;
    }
    .newsletter-s .rodo-info{
        width:50%;
    }

    .newsletter-s{
        padding-top: 10px;
    }
    .newsletter-s .send-button{
        margin: 10px;max-width: calc(22% - 20px);align-self: flex-start;min-width: 100px;
    }
}


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

}

@media only screen and (max-width: 1280px)
{
    .social_slider_widget{
        display: none;
    }
    .files > .row {
        width: 100%;
    }
    .files ul li{
        width:50%;
    }
    .product-section .nav-tabs li{
        font-size:15px;
    }
}


@media only screen and (max-width: 1199px)
{
    .single-slider.page-title{
        padding-top:60px;
    }
    .single-slider.page-title{
        height: auto;min-height: 180px;
    }
    .menu-ul{
        flex-wrap:wrap;
    }
    .navbar-expand-lg .navbar-nav{
        width:100%;
    }
    .menu-bar{
        display: block;
    }
    header .menu-top{
        width:100%;
    }
    .files{
        flex-wrap:wrap;
    }
    .files h2{
        margin-bottom: 15px;
    }
    .files > .row {
        width: 100%;
    }
    .spc-b {
        height: 26px;
        width: 60px;
    }
    .spc-b span {
        width: 11px;
    }
    .f_p_item .title-prod h4{
        font-size:16px;
    }
    .f_p_item .price, .price{
        font-size:20px;
    }
    .f_p_item .conts {
        padding: 15px 15px;
    }
    .f_p_item .f_p_img img{
        /*min-height: 240px;*/
    }
    .f_p_item .f_p_img{
       margin-bottom: 10px;
    }
    header .menu-top{
        min-height: 40px;
    }
    .dropdown-menu .dropdown-item{
        color:#fff;
    }
    .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
        color: #f3302a;
        text-decoration: none;
        background-color: transparent;
    }
    .menu-top .navbar-toggler {
        height: 36px;display: block;
        position: relative;
        z-index: 34332;
        width: 50px;
        margin-top: -5px;
    }
    header .menu-top{
        padding:3px 0px;
    }
    .menu-top .navbar-toggler .menu-lines {
        display: inline-block;position: absolute;top:7px;left:10px;margin-top:6px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    .menu-top .navbar-toggler.actived .menu-lines{
        margin-top:10px;
    }

    .menu-top .navbar-toggler .menu-lines:after,
    .menu-top .navbar-toggler .menu-lines:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 30px;
        height: 4px;
        display: inline-block;
        background-color: #fff;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    .menu-top .navbar-toggler .menu-lines:after {
        top: 16px;
    }
    .menu-top .navbar-toggler .menu-lines span {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 4px;
        background-color: #fff;
    }
    .menu-top .navbar-toggler.actived .menu-lines::after, .menu-top .navbar-toggler.actived .menu-lines::before {
        background:#fffffe !important
    }
    .menu-top .navbar-toggler.actived .menu-lines > span {
        opacity: 0;
    }
    .contactindex .navbar-expand-lg .navbar-nav .nav-link{
        color:#fff;
    }
    .menu-top .navbar-toggler.actived .menu-lines:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-top .navbar-toggler.actived .menu-lines:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header.fixed-navbar {
        top: 0px;
    }
    .navbar-header{
        margin-left: auto;right: 0px;
        position: relative;float: right;
    }
    .contactindex .menu-top .navbar-toggler .menu-lines span,
    .contactindex .menu-top .navbar-toggler .menu-lines:after,
    .contactindex .menu-top .navbar-toggler .menu-lines:before {
        background: #000;
    }
    header .menu-top nav{
        position: fixed;width: 100%;height: 100%;
        background: #000;
        text-align: center;
        justify-content: center;left:-100%;
        top: 0;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        overflow-y: auto;
        z-index: 34234;
    }
    header .menu-top nav.menu-opened{
        left:0;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position: relative;background: transparent;
        margin: 0;
        text-align: center;
        border: 0;
        padding: 0;
        top:0;
    }
    header .navbar-nav li{display: block;}
    .navbar-expand-lg .navbar-nav{
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        left: -100%;
        margin:0 auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover::before, .navbar-expand-lg .navbar-nav .active > .nav-link::before{
        background:#fffffe
    }
    header .menu-top a, .navbar-expand-lg .navbar-nav .nav-link {
        color: #fffffe;
        font-size: 28px;
        padding: 7px 25px 7px;
        position: relative;
    }
    header .menu-top li{
        opacity: 0;
        transform: translateX(-80px);
        -webkit-transition: 0.6s ease-in-out;
        -moz-transition: 0.6s ease-in-out;
        -ms-transition: 0.6s ease-in-out;
        -o-transition: 0.6s ease-in-out;
        transition: 0.6s ease-in-out;
    }
    header .menu-top li:nth-of-type(1){
        transition-delay: 0.2s;
    }
    header .menu-top li:nth-of-type(2){
        transition-delay: 0.3s;
    }
    header .menu-top li:nth-of-type(3){
        transition-delay: 0.4s;
    }
    header .menu-top li:nth-of-type(4){
        transition-delay: 0.5s;
    }
    header .menu-top li:nth-of-type(5){
        transition-delay: 0.6s;
    }
    header .menu-top .menu-opened li{
        transform: translateX(0px);opacity: 1;
    }
    .header-top .menu-top a, .navbar-expand-lg .navbar-nav .nav-item{
        justify-content: center;
    }
    .header-top .menu-top a, .navbar-expand-lg .navbar-nav .nav-item:last-child > .nav-link{
        padding: 10px 25px 10px;
    }
    header .menu-top li ul li a{
        font-size:18px;
    }
    header .nav-item.dropdown > a i {
        position: absolute;
        top: 50%;
        margin-top: -13px;
        right: 15px;
        text-align: right;
        z-index: 2;
        height: 26px;
        padding: 0;
        width: 26px;
        border-radius: 0px;
        background: #d62106;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .menu-ul{
        width:100%;
    }
    body{
        font-size:14px;
    }
    header .ticket img {
        margin-left: 10px;
        margin-top: -20px;
        max-width: 28px;
    }
    .row-mp-data .col-md-5 {
        margin: 10px auto;
        width: 600px;
        max-width: 100%;
        flex: 0 0 auto;
    }
    .menu-top .navbar-toggler.actived{
        position: fixed;
        top: 10px;
        right: 0;
    }
    .center-con{
        display: none;
    }
    .info-home .col-xl-6:nth-of-type(2n) .one-hi{
        flex-direction: row-reverse;
    }
    #basket-top  > a{
        position: fixed;
        width: 50px;
        height: 50px;
        top: 15px;
        background: #fff;
        border-radius: 50%;
        right: 90px;
        display: flex;
        color: #000;
    }

}

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

}


@media only screen and (max-width: 1024px)
{
    .full-banner .owl-text.home_content .container{
        width: 100%;
    }
    .slide__content .btn{
        margin-top: 10px;
    }
    .btn {
        padding: 7px 16px;font-size:12px;
    }
}


@media only screen and (max-width: 991px)
{
	header .menu-top a, .navbar-expand-lg .navbar-nav .nav-link{
	white-space:normal;
	}
    .product-section .nav-tabs li{
        width:auto;
    }
    .slide__content{
        width:50%;
    }
    header .right-elems{
        padding:0 15px 0 20px ;
    }
    header .right-elems a{
        font-size:14px;
    }

    .text-content-b .page-title{
        font-size:28px;
    }
    .text-content-b .page-subtitle{
        font-size:13px;
    }
    header .menu-top .logo-top{
        max-width: 250px;padding:3px 0;
    }
    .full-banner .owl-dots{
        bottom:5px;
    }
    .single-slider .container h1{
        font-size:28px;
    }
    .data-info .col-lg-8{
        margin-top: 40px;padding-right: 15px;
    }
    .content-maps-dsg{
        padding:40px 20px
    }
    .content-maps-dsg h2{
        margin-bottom: 30px;
    }
    footer .content-maps-dsg{
        margin-bottom:-200px
    }
    .logo-footer{
        margin-bottom: 20px;
    }
    .only-mobile{
        display: block;opacity: 1;visibility: visible;height: auto;
    }
    .only-desktop{
        display: none;opacity: 0;visibility: hidden;height: 0;
    }
    footer .col-lg-3 {
        border-left: 0;
        text-align: center;
    }
    .copyright{
        text-align: center;
    }
    footer img{margin-bottom: 20px;width: 95px;margin-top: 0}
    footer .col-lg-3 .footer_box{padding-bottom: 30px;}
    .newsletter-s .rodo-info{
        width:100%;border:none;padding: 0;margin-top: 10px;
    }

    .newsletter-s::before {
        background-size: 50%;
    }
    .newsletter-s .send-button{
        max-width: 250px;
    }
    .full-banner .owl-theme .owl-nav [class*="owl-"], .moto-sld.owl-carousel .owl-nav [class*="owl-"]{
        left:10px;
        width: 34px;
        height: 34px;
        font-size: 20px;
    }
    .full-banner .owl-theme .owl-nav .owl-next, .moto-sld.owl-carousel .owl-nav .owl-next {
        left: auto;
        right: 10px;
    }
}


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

}

@media only screen and (max-width: 767px)
{
    .product-section .nav-tabs{
        transform: none;
    }
    .product-desc-wrap > .container{
        width:100%;max-width:100%;padding: 0 30px;
    }
    div.p .flex-center img {
        width: auto;
        max-width: 100%;
    }
    .files h2{
        width:100%;
    }
    .files ul li {
        width: 100%;
        padding-right: 0;
    }
    footer,.footer__widget {text-align: center}


    header .menu-top{
        position: relative;
    }
    .footer__widget-content {
        font-size: 14px;
    }
    .box-info {
        height: auto;
        margin: 20px 0;
        padding: 40px 15px;
    }
    .text-content-b{
        left:10px;text-align: left;
    }
    .text-content-b .page-title::before,.text-content-b .page-title::after {
        display: none;
    }
    .contact-info-data p{
        font-size:18px;
    }
    .spc-t{font-size:30px;}
    .footer-menu{
        padding:20px 15px;
    }
    footer .social-list{
        margin-bottom: 20px;
    }
    .footer-logo{
        margin-bottom: 30px;
    }

    .files ul li a{
        flex-wrap:wrap;
    }


    .counters h2{
        text-align: center;
    }
    .content-maps-dsg p{
        font-size:15px;
    }
    .home-about {
        padding: 20px 10px;
    }
    .contact-page::before {
        background-size: 80%;
    }
    .contact-page .container{
        text-align: center;
    }
    .contact_number.align-items-center, .contact__info-list li{
        justify-content: center;
    }
    .contact-page .btn{
        position: relative;margin-top: 40px;
    }
    .contact-data-n strong{
        margin-left: 0;
    }
    .contact-page .col-lg-3{
        padding-bottom: 0;
    }
    .blog-list-section .special-big-list .list-content p{
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .text-hi .btn{
        margin-top:10px;
    }
    .full-banner.product-banner .pagetitle__heading{
        bottom:0px !Important;
    }
    .product-desc-wrap{
        overflow-x: hidden;
    }
    .modelwindow .windowcontent .right-content{
        display: none;width:0;flex: 0 0 0;
    }
    .modelwindow .windowcontent .left-menu-m{
        width:100%;flex:0 0 100%;
    }
    .modelwindow .windowcontent .left-menu-m ul li{
        text-align: center;width:50%;display: inline-block;padding: 5px;
    }
    .modelwindow .windowcontent .left-menu-m ul li a img {
        display: block;
        width: 200px;
        height: 100px;
        object-fit: contain;margin-bottom: 10px;
    }
    .modelwindow .windowcontent .left-menu-m ul li a{
        font-size:22px;
    }
    .modelwindow .windowcontent .left-menu-m ul{
        padding:20px 15px; 
    }
    .fixed-photo-full .position-sticky img{
        height: auto !important;width:100%;max-width:100%;float: none !important;
    }
    .fixed-photo-full .position-sticky{
        height: auto;
    }
    .blog-page .black-pst:nth-of-type(4n+1) .rt-item {
        min-height: 300px;
    }
    .table-responsive{
        font-size:12px;
    }
    .custom-table td.prod img{
        max-width:100%;padding:0;margin-bottom: 10px;
    }
    .custom-table td.prod {
        flex-wrap:wrap;
    }
    .custom-table td.prod span{
        width:100%;font-size:14px;
    }
    .custom-table td.qty {
        width: 105px;
    }

}
.home-video video{display:block;}
@media only screen and (max-width: 575px)
{
    .form-control{
        font-size:13px;
    }
    .form-area .field {
        width: calc(50% - 7px);
    }
    .custom-table tr{
        display: block; background:#f1f1f1;position: relative;margin: 10px 0;border:1px solid #ccc;

    }
    .custom-table tr td.text-center{
        position: absolute;top:0;right:0;width: auto;padding: 0;
    }
    .table-responsive .custom-table td, .table-responsive .custom-table th {
        padding: 5px;
        width: 100%;
        display: block;
        text-align: center;
    }
    .custom-table td.prod {
        flex-wrap: wrap;
        text-align: center;
        width: 100%;
        justify-content: center;
    }
    .custom-table td.prod span{text-align: center;display: block;}
    .custom-table thead{
        display: none;
    }
    header .languages-top{
        left:105px;;top:5px;
    }
    header .currency-top{
        left:105px;;top:25px;
    }
    body .ejawwrp{
        overflow-x:hidden;
    }
    .info-home{
        overflow:hidden;height:auto;
    }
    .info-home .container-fluid{
        transform:none !important;
    }
    .info-home .img-card .container{
        opacity:1;
    }
    .window{
        min-width: 100%;
    }
    header .logo-top{
        left:0;margin:0;top:2px;
    }
    .page-title{
        margin-top:60px;
    }
    footer img{
        width: 80px;margin-bottom: 0;
    }
    .spc-b span {
        width: 7px;
    }
    .spc-b {
        width: 43px;
    }
    body{
        font-size:13px;
    }
    .one-contact{
        font-size:14px;
    }
    .one-contact h3{
        width: 100%;
    }
    .one-contact{
        flex-wrap:wrap;
    }
    .full-banner .owl-text.home_content{
        padding:0;
    }
    .about-home, .section{
        padding:30px 0px;
    }
    .gallery-section {
        margin-bottom: 0px;
    }
    .single-slider .container h1 {
        font-size: 24px;padding-left: 0;
    }
    .breadcrumb {
        font-size: 12px;
    }
    .form-title{
        font-size:20px;
    }
    .one-box{
        padding: 0;
    }
    .one-box h3{
        font-size:15px;
    }
    footer .content-maps-dsg{
        transform: none;margin-bottom: 30px;margin-top: -200px;
    }
    .one-info i{
        margin-bottom: 10px;
    }
    .content-maps-dsg .one-info p{
        padding-top: 5px;
    }
    .one-info{
        margin:15px auto;
    }
    .copyright .text-right{
        margin-top: 15px;
    }
    .slide__content {
        width: 100%;
    }
    .product_details_area .bact-to-category{
        margin-top:0;margin-bottom: 0;
    }
    .menu-bar{
        padding:10px 00px 10px
    }
    header .logo-top img{
        width:100px;
    }
    .spc-b{
        right: 0;
    }
    footer a{
        font-size:14px;
    }
    .spc-b {
        height: 15px;
    }
    #newsletter_form{
        width:100%;
    }
    .newsletter-s::before {
        background-size: 120%;
    }
    .newsletter-s .send-button{
        max-width: 100%;margin:10px auto;
    }
    .newsletter-s {
        padding:10px 0 20px 0px;
    }
    .home-about {
        padding: 20px 0px;
    }
    .page-section div.p {
        padding: 0px;
    }
    div.p .flex-center img {
        width: auto;
        max-width: 100%;
    }
    .files{
        padding:0;
    }
    .gallery-section .spc-b, .files-content .spc-b {
        left: 10px;
    }
    div.p .row{
        margin-left:-15px;margin-right: -15px;
    }
    div.p .row [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-section .nav-tabs li{
        width:100%;
    }
    .product-section .nav-tabs{
        flex-wrap:wrap;margin-bottom: 30px;
    }
    .product-desc-wrap > .container{
        padding:0 10px;
    }
    .blog-more-content .btn{
        font-size:14px;
    }
    .blog-area.blog-home .spc-b,.one-hi .spc-b,.newsletter-s .spc-b{
        right:15px;
    }
    .form-gb{
        padding:30px;
    }
    .contactdealers .page-section{
        padding-top:60px;
    }
    #basket-top > a{
        position: fixed;
        width: 40px;
        height: 40px;
        top:10px;
        background: #fff;
        border-radius: 50%;
        right: 70px;
        display: flex;
        color: #000;
    }
    #basket-top > a{
        font-size:18px
    }
    #basket-top > a span.cart-count{
        font-size:12px;
        top: -7px;
        right: -7px;
    }
    
    .product-banner .pagetitle__heading.spacial-prod-title{
        padding-top: 0px !important;
    }
    div.scroll_down{
        margin-bottom: 50px;
    }
    
}


@media only screen and (max-width: 480px)
{
	.modelwindow .windowcontent .left-menu-m ul li a{
		font-size:14px;
	}
    .blog-page .blog-box{
        padding: 10px 15px;
    }
    .footer__widget-content {
        font-size: 13px;
    }

    .spc-t{font-size:26px;}
    .logo-top img,.footer-logo{
        max-width: 220px;
    }
    .slide__content{
        padding:0;padding-bottom: 20px;
    }
    .full-banner, .full-banner .owl-slide{
        min-height: 300px;
    }
    footer .content-maps-dsg,.data-info .content-maps-dsg{
        padding:20px 15px;
    }
    .f_p_item{
        flex-wrap:wrap;
    }
    .f_p_item .f_p_img{
        flex:0 0 100%;height: auto;
    }
    .f_p_item .f_p_img img{
        /*min-height: 50px;height: auto;*/
    }
    .one-hi{
        flex-wrap:wrap;height: auto;
    }
    .one-hi .hm-card{
        flex:0 0 100%;
    }
    .one-hi .home-about{
        min-height: 300px;
    }
    .rt-item{
        flex-wrap:wrap;align-items: flex-start;
    }
    .rt-image {
        flex: 0 0 100%;
    }
    .menu-top .navbar-toggler.actived {
        top: 17px;
        right: 15px;
    }

    .blog-page .black-pst .entry-title a,.blog-page .black-pst .rt-item, .blog-page .black-pst .list-content p.date-b{
        color:#000
    }
    .black-pst .spc-b{
        left:auto;
    }
    .black-pst .spc-b span:nth-of-type(n+3) {
        background: #000;
    }
    .blog-page .blog-box .rt-item .list-content .btn{
        margin-top: 15px;
    }
    .blog-box .rt-item .home-about .list-content .text-center{
        text-align: left !important;
    }
    .blog-box .black-pst .home-about{
        background:#fff;
    }
    .blog-box.subpages .black-pst .home-about{
        background:transparent;
    }
    .blog-list-section .rt-item .entry-title{
        font-size:17px;
    }
    .blog-page .blog-box .entry-title a{
        text-shadow: none;
    }
    .blog-list-section .blog-box .list-content p.date-b{
        font-size:14px;
    }
    .blog-box .rt-image, .blog-box .rt-image img{
        min-height: 320px;
    }
    .blog-list-section .black-pst .btn {
        background: #000;
        color: #fff;
    }
    .blog-list-section .special-big-list .list-content p {
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .contactwindow .windowcontent{
        padding:50px 0px;
    }
    .info-buy .add_cart_btn.main_btn.btn{
        font-size:14px !important;padding:15px 20px !important;
    }
    .s_product_text{
        padding:5px;
    }
}

@media only screen and (max-width: 400px)
{
    .content-maps-dsg .one-info .ondc-c{
        font-size:16px
    }
    .modelwindow .windowcontent .left-menu-m ul li a img{
        height: 80px;
    }
    .pager > div {
        width: 100%;
        justify-content: flex-end;
    }
    .toolbar .pager{flex-wrap:wrap;}
}

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

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

}

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

}
@media only screen and (min-width:1340px)
{
    .container {
        max-width: 1240px;
    }

}
@media only screen and (min-width:1420px)
{
    .container {
        max-width: 1260px;
    }

}
@media only screen and (min-width:1620px)
{
    .container {
        max-width: 1260px;
    }

}