@media (min-width: 1280px){
    .container {
        max-width: 1170px;
    }
}
@media (min-width: 1600px){
    .container {
        max-width: 1370px;
    }
}
@media (min-width: 1900px){
    .container {
        max-width: 1470px;
    }
}
@media (max-width: 1280px){
    .carousel_items .slick-prev{
        left: -40px;
    }
    .carousel_items .slick-next{
        right: -40px;
    }
}
@media (max-width: 1024px){
    .bg-yellow{
        width: 66.1%;
        clip-path: polygon(5.3% 0, 100% 0, 100% 100%, 0% 100%);
    }
    .main_header .nav-item{
        padding: 0;
    }
    .banner_sec img{
        height: 500px;
    }
    .banner_title h3{
        font-size: 55px;
    }
    .banner_title h3 span{
        font-size: 30px;
    }
    .welcome_content {
        padding: 40px 0 0;
    }
    .foo_block{
        padding: 40px 30px;
    }
    .product_thumb{
        width: auto;
    }
    .about_product h4{
        font-size: 20px;
        font-weight: 500;
    }
    .about_product h6{
        font-size: 14px;
    }
}
@media (max-width: 991px){
    .brang_logo{
        max-width: 260px;
    }
    .bg-yellow {
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    .nav_contact {
        display: none;
    }
    .main_header .navbar-collapse{
        background-color: #dfa200;
        margin: 0;
        height: 100vh;
        margin: 7px 0 0;
        transform: translateX(-150%);
        transition: all 0.5s ease-in-out;
        border-top: 2px solid #fff;
        width: 75%;
        position: absolute;
        top: 88px;
        left: 0;
    }
    .main_header .navbar-collapse.show{
        transform: translateX(0);
        transition: all 0.5s ease-in;
        height: 100vh;
        

    }
    .main_header .navbar-nav{
        margin: 0;
        padding: 15px;
    }
    .main_header .nav-item.active .nav-link::after,
    .main_header .nav-item .nav-link:hover::after,
    .main_header .nav-item.active .nav-link:hover::after{
        height: 2px;
        bottom: 15px;
    }
    .banner_sec img{
        height: 400px;
    }
    .welcome_sec{
        background-size: contain;
    }
    .welcome_content {
        padding: 40px 0 30px;
    }
    .welcome_thumb,
    .about_thumb{
        position: relative;
        width: 100%;
    }
    .welcome_thumb img,
    .about_thumb img{
        height: 300px;
    }
    .about_content {
        padding: 30px 0;
    }
    .product_des::after{
        width: 100%;
    }
    .foo_block {
        padding: 40px 0;
    }
    .copyright p{
        text-align: center;
    }
    .social_icon.float-right {
        float: none !important;
        text-align: center;
    }
    .social_icon{
        padding: 0 0 20px;
    }
    .contact_info{
        margin: 0;
    }
    .contact_info h3{
        font-size: 30px;
    }
}
@media (max-width: 768px){
    .carousel_items .slick-prev,
    .carousel_items .slick-next{
        transform: scale(0.7);
    }
    .carousel_items .slick-prev{
        left: -30px;
    }
    .carousel_items .slick-next{
        right: -30px;
    }
}
@media (max-width: 767px){
    .brang_logo{
        max-width: 255px;
    }
    .carousel_box{
        margin: 20px 60px;
    }
    .carousel_items .slick-prev{
        left: 0;
    }
    .carousel_items .slick-next{
        right: 0;
    }
    .site_footer{
        padding: 30px 0 0;
    }
    .foo_block{
        text-align: left;
        padding: 0 0 30px;
    }
    .order-2 {
        order: 0;
    }
    .product_thumb {
        margin-bottom: 20px;
    }
    .inner_page.banner_sec img {
        height: 400px;
    }
    .inner_page .banner_title{
        top: 55%;
    }
    .inner_page .banner_title h3{
        font-size: 50px;
    }
    .contact_info{
        margin: 30px 0 0;
    }
    .form_sec .form-group {
        margin: 10px 0;
    }
}

@media (max-width: 480px){
    .bg-yellow{
        height: 82px;
    }
    .brang_logo{
        max-width: 218px;
    }
    .main_header .navbar-collapse{
        top: 75px;
    }
    .banner_sec img {
        height: 350px;
    }
    .inner_page.banner_sec img {
        height: 300px;
    }
    .banner_title{
        transform: translate(-50%, 35%);
    }
    .inner_page .banner_title {
        top: 57%;
    }
    .banner_title h3 {
        font-size: 34px;
    }
    .banner_title h3 span {
        font-size: 18px;
    }
    .inner_page .banner_title h3 {
        font-size: 30px;
    }
    .welcome_content h3 {
        font-size: 26px;
        padding: 8px 0 0 18px;
    }
    .welcome_content h3 span{
        font-size: 18px;
    }
    .welcome_thumb img, .about_thumb img {
        height: auto;
    }
    .carousel_box{
        margin: 20px 50px;
    }
    .about_content h3,
    .product_content h4{
        font-size: 28px;
    }
    .about_content h3::after{
        height: 3px;
        margin: 5px 0 0;
    }
    .product_content{
        padding: 50px 30px;
    }
    .foo_block{
        padding: 0 0 15px;
    }
}
@media (max-width: 320px){
    .bg-yellow {
        height: 70px;
    }
    .main_header .navbar-collapse {
        top: 62px;
    }
    .brang_logo {
        max-width: 176px;
    }
    .welcome_content h3{
        font-size: 20px;
        padding: 12px 0 0 18px;
    }
    .welcome_content h3 span {
        font-size: 16px;
    }
    .carousel_box{
        margin: 20px 30px;
    }
    .carousel_items .slick-prev{
        left: -10px;
    }
    .carousel_items .slick-next{
        right: -10px;;
    }
    .product_content h4{
        font-size: 26px;
    }
}