@media (min-width: 1280px) {
    .container { width: 1280px; }
}

@media (max-width: 1280px) {
    .custom-tabs ul li { text-align: center; }
}

@media (max-width: 1199px) {
    header .nav-form { margin-top: 8px; }
    header .nav-form .custom-navbar { padding: 0; }
    .contents .home-slides .caption .title { font-size: 85px; letter-spacing: -5px; }
    .contents .home-slides .caption .text { font-size: 40px; letter-spacing: 0px; }
    .contents .home-slides .slick-prev,
    .contents .home-slides .slick-next { width: 50px; height: 70px; margin-top: 35px; }
    .contents .home-slides .slick-prev:before,
    .contents .home-slides .slick-next:before { font-size: 30px; }
    .contents .home-slides .slick-next:hover { right: 0px; }
    .contents .custom-tabs ul li { padding: 5px 10px; }
    .validebag .title h5 { font-size: 30px; }
    .validebag .title h1 { font-size: 85px; }
    footer .info-form .info { margin-top: 64px; }
}

@media (max-width: 991px) {
    body { padding-top: 105px; }
    header { height: 105px; }
    header .nav-form .custom-navbar { width: 100%; }
    header .nav-form .custom-navbar .navbar-collapse { position: fixed; left: 0px; width: 100%; top: 105px; background: #fff; }
    header .nav-form .custom-navbar .navbar-collapse ul li a { padding: 10px 0 !important; }
    header .info-btn { float: right; margin-top: -36px; margin-right: 64px; }
    .content-abs { padding-top: 40px; position: relative; }
    .custom-tabs .hc-desc { margin: 40px 0; }
    .custom-tabs ul { display: block; }
    .custom-tabs ul li { float: left; width: 48%; margin: 0 2px 2px 0; }
    .custom-tabs ul li:before { display: none; }
    .validebag .title h5 { font-size: 25px; }
    .validebag .title h1 { font-size: 75px; }
    footer { background: none; }
    footer .info-form .info { margin-top: 19px; }
    footer .info-form .form { padding: 20px; }
    footer .footer-content .footer-bottom { margin-top: 20px; }
    footer .footer-content .footer-bottom .number { margin-top: 30px; }
    footer .footer-content .footer-bottom .number .f-m { margin-right: 14px; }
    footer .footer-content .footer-bottom .cell { margin-top: 8px; }
	.wp-btn{display:block!important;}
}

@media (max-width: 767px) {
    body { padding-top: inherit; -webkit-overflow-scrolling: touch; overflow-x: hidden; padding-top: 105px; }
    header { height: auto; position: fixed; }
    
    header .f-m { margin-left: 30px !important; margin-right: auto !important; }
    header .nav-form .custom-navbar .navbar-collapse { top: 127px; }
    .contents .home-slides .caption .title { margin-top: 25%; font-size: 70px; letter-spacing: -5px; }
    .contents .home-slides .caption .text { font-size: 30px; letter-spacing: 0px; }
    .contents .home-slides .caption .btn { font-size: 16px; }
    .contents .home-slides .slick-prev,
    .contents .home-slides .slick-next { width: 40px; height: 50px; margin-top: 25px; }
    .contents .home-slides .slick-prev:before,
    .contents .home-slides .slick-next:before { margin: -12px 0 0 -4px; line-height: 12px; }
    .validebag .title h5 { font-size: 25px; }
    .validebag .title h1 { font-size: 75px; }
    footer .info-form .info h6 { margin-bottom: 35px; }
    .info-form .form { margin-top: 20px; }
    .maps { margin-top: 40px !important; }
    .general-title { font-size: 25px; }

    .contents .home-slides .image { position: static; }
    .contents .home-slides .slide { height: auto; }

    .main-tab-control .tab-cont br { display: none; }
    .main-tab-links { display: none !important; }
    .main-tab-control .tab-cont { display: block !important; }

    
    header .nav-form .custom-navbar .navbar-collapse {
    top: 105px;
}
}

@media (max-width: 578px) {
    body {padding-top: 145px;}
    header .nav-form .custom-navbar .navbar-collapse { top: 145px; }
    header .nav-form .info-btn { float: inherit; float: left; }
    header { height: 145px; position: fixed; }
    .contents .home-slides .slick-prev,
    .contents .home-slides .slick-next { display: none !important; }
    .contents .custom-tabs ul { display: block; }
    .contents .custom-tabs ul li { width: 100%; }
    .validebag .title h5 { font-size: 20px; }
    .validebag .title h1 { font-size: 55px; }
    .navbar-toggler { margin-right: 30px; }

    header .logo { text-align: left !important; margin-bottom: 5px; }
    header .head { position: absolute; top: -90px; right: 15px; }
    header .head .phone{display:block;} 
    header .head .whatsapp{margin-bottom:5px;}
}
