/**Website Responsive Starts from Here *!*/
@media only screen and (max-width: 1366px){
    .mega_menu_banner .mega_menu .mega_list{gap: 13px;}
    .custom_table .table_wrapper table tr td:last-child  {  padding: 20px 30px;  }
    .chatbot_container {width: 30%;}
}
@media only screen and (max-width:1200px) {
    body .mega_menu_banner .accessories_select.category_custom_select2 {padding-right: 45px;}
}
@media only screen and (max-width:1024px){
    .chatbot_container {width: 45%;height: 65vh;}
    .mega_menu_banner .mega_menu .mega_list{justify-content:start;column-gap:20px;}
    .mega_menu_banner .custom_mega_menu_list .dropdown-toggle{width:fit-content}
    .hero_slider .hero_swiper .hero_slider_txt_content h1{font-size:70px}
    .hero_slider .hero_swiper .hero_slider_txt_content h1 span{font-size:53px}
    .hero_slider .hero_swiper .hero_slider_txt_content .product_price h2{font-size:42px}
    body .mega_menu_banner .accessories_select.category_custom_select2 {padding-right: 35px;}
}
@media only screen and (max-width:991px){
    body .responsive_hidden{display: block ;}
    .navbar .main_navbar.custom_flex .header_icons{justify-content: space-between;width: 100%}
    .mega_menu, .custom_top_navbar{display: none}
    .responsive_top_header{display:flex;align-items: end;gap:30px}
    .login_sec .login_fileds_wrapper{max-width: 60%}
    .navbar .main_navbar .site_logo{display: none}
    .navbar .custom_nav .resp_logo .site_logo{display: block}
    .navbar .main_navbar.custom_flex, .navbar .main_navbar.custom_flex .header_icons{gap:12px}
    .hero_slider .swiper-pagination {left:-42%}
    .hero_slider .hero_slider_txt_content .slider_headphone_image{width:unset}
    .hero_slider .hero_swiper .hero_slider_txt_content{padding:20px 20px 20px 0px}
    .navbar .navbar_offcanvas{display:block}
    /*.mega_menu_banner {display:none}*/
    .breadcrump_wrapper{padding-bottom:15px}
    .product_filter_wrapper{max-width:100%}
    .product_categories_sec{padding:30px 0px 40px 0px}
    .product_categories_wrapper{padding:0}
    .classic_black_grey_stripe_shirt .classic_shirts_images {height:400px}
    .navbar a.navbar-brand.site_logo{width:150px}
    .navbar .custom_product_search{padding:10px 15px}
    .catch_big_product_image{width:200px;height:170px;}
    .catch_big_product_image img{object-fit:contain}
    h2{font-size:33px}
    .classic_black_grey_stripe_shirt.product_detail_sec .product_slider_whole_sec .swiper-button-next:after,    .classic_black_grey_stripe_shirt.product_detail_sec .product_slider_whole_sec .swiper-button-prev:after{font-size:24px;font-weight: 900}
    .navbar.navbar-expand-lg{padding:15px 0px}
    .popular_products_wrapper{flex-wrap:wrap;row-gap:10px}
    .footer_section .website_footer{justify-content: center;gap:40px}
    .category_slider_img {width: 130px;height: 130px}
    .img_text_overlay p{font-size: 20px}
    .category_slider_sec{padding: 10px 0px}
    .headphone_sec{padding:  10px}
    .headphone_sec .headphone_wrapper div {padding: 15px 0px}
    .popular_products_sec {padding: 30px 0px}
    .footer .payment_methods {row-gap: 10px;column-gap: 0}
    footer.footer {padding: 40px 0px}
    section.mega_menu_banner .custom_mega_menu_list .dropdown {display:none;}
    .product_search_togglers .responsive_hidden.custom_product_search {display: block;}
    button.responsive_hidden.browse_category_toggle {border: 2px solid silver;border-radius: 8px;background: white;padding: 6px 8px}
    .custom_mega_menu_list.responsive_mega_menu .dropdown{width: 100%;}
    .custom_mega_menu_list.responsive_mega_menu .dropdown button.dropdown-toggle {width: 100%;padding: 10px 30px;height: unset;font-size: 14px;}
    .responsive_top_header .dropdown ul.dropdown-menu {left: unset;right: 0px;}
}
@media only screen and (max-width:767px){
    .select_classic_shirts_colors {margin: 10px 0px 10px;}
    .headphone_sec .headphone_wrapper .btn_orange{margin:auto}
    footer .footer_description a.navbar-brand.site_logo{margin:auto}
    .headphone_sec .headphone_wrapper {padding:20px 0px;text-align: center}
    .super_deals_slider_wrapper.you_may_like_this h3{margin: 20px 0px 10px}
    .preloader .loader_img,.preloader .loading_icon{width:200px}
    .classic_black_grey_stripe_shirt .classic_black_shirts .product_description .shirts_long_desc .part_shirt_heading{padding:20px 0px}
    .classic_black_grey_stripe_shirt, .place_order_sec {padding:30px 0px}
    .breadcrump_wrapper{padding:0}
    .yout_cart_wrapper .subtotal_wrapper_bank .bank_chackbox_wrapper input {width:16px;height:16px}
    .place_order_sec .billing_details_form_wrapper{row-gap:15px}
    .super_deals_slider_wrapper.you_may_like_this h3 {margin:0px 0px 10px 0px}
    #kt_body .classic_black_grey_stripe_shirt .classic_black_shirts .waist_number_wrapper.members{width:fit-content;gap:15px}
    .hero_slider  .hero_slider_txt_content.crystal_clear_txt{text-align: center !important;}
    .slider_btn {display:flex;justify-content:center}
    .hero_slider .hero_swiper .hero_slider_responsive{flex-direction: column-reverse;}
    .hero_slider .swiper-pagination {left: 2%;bottom: 16px}
    .hero_slider .hero_slider_txt_content .slider_headphone_image{height: 270px}
    footer.footer{text-align: center}
    .footer_description p{max-width: 60%;margin: auto}
    .footer .follow_us.custom_flex{justify-content: center;margin: 0px 0px 10px}
    .footer .payment_methods{column-gap: 10px}
    .hero_slider .hero_swiper .hero_slider_txt_content .product_price .slider_btn .btn_main.btn_pink {margin-top:10px}
    .hero_slider .hero_swiper .hero_slider_txt_content{padding: 10px 10px 10px 0px}
    .hero_slider .hero_swiper .hero_slider_txt_content .product_price {margin: 10px 0px 30px 0px}
}
@media only screen and (max-width:600px){
    .chatbot_container {width: 97%;height: 80vh;right: 8px;}
    .select_role_wrapper .select_buyer_input_wrapper label {padding: 18px;row-gap: 10px}
    .select_role_wrapper .select_continue_wrapper button{padding: 12px 122px}
    .select_role_wrapper .select_buyer_input_wrapper label div{height: 80px}
    .product_categories_wrapper{margin-top:15px}
    .select_role_wrapper .select_buyer_input_wrapper label h2 {font-size: 23px}
    .login_submit_wrapper button {padding: 12px 0px}
    .place_order_sec .yout_cart_wrapper {padding-top:25px}
    .popular_products_wrapper{justify-content:center}
    .product_details_wrapper{row-gap:5px}
    .login_sec .login_fileds_wrapper_inner{padding: 20px}
    .login_sec .login_fileds_wrapper {max-width: 85%;}
    .popular_products_sec, .classic_black_grey_stripe_shirt .classic_black_shirts .add_tag_btn{padding:20px 0px}
    a.shop_now:has(i) i{font-size:14px;margin-left: 5px}
    .headphone_sec{padding:30px 0px; text-align: center}
    .footer_section .website_footer{justify-content: space-between}
    .footer .custom_justify{flex-wrap: wrap;justify-content: center;gap:10px}
    .navbar .main_navbar.custom_flex{gap:22px}
    .navbar.navbar-expand-lg {padding:15px 0px}
    .main_slider_product_img_wrapper {  height: 250px;  }
    .product_img_slider_wrap {  height: 90px;}
    .append_type_wrapper {height:170px}
    .responsive_top_header {gap: 15px;}
    .terms_conditions .box_shadow_wrapper .terms_conditions_points h6 {font-size: 14px;}
}
@media only screen and (max-width:480px) {
    .popular_products_wrapper .popular_products_wrapper ul{column-gap: 10px;}
    .top_navbar{flex-wrap: wrap;justify-content: center;gap:10px}
    .loading_icon span i{font-size:12px}
    .upload_search_image .modal_footer{padding-top:20px}
    .headphone_sec .headphone_wrapper h4:nth-child(3) {margin-top:12px}
    .category_slider_wrapper {padding:10px 0px}
    .mega_menu_banner .dropdown .dropdown-toggle{height:45px}
    .mega_menu_banner .dropdown-menu.show {max-height: 340px}
    .headphone_sec_img {height:250px;padding:0px}
    .hero_slider .hero_slider_txt_content .slider_headphone_image {height:220px}
    .mega_menu_banner ul.dropdown-menu.show li a {padding:10px}
    .mega_menu_banner .custom_mega_menu_list .dropdown-toggle, .mega_menu_banner .dropdown{width: 100%}
    .select_role_wrapper>h2 {font-size: 30px}
    .hero_slider .hero_swiper .hero_slider_txt_content .product_price h2 {font-size: 25px}
    .preloader .cssload-speeding-wheel {top:40%;left:30%}
    .place_order_sec .billing_details_form_wrapper .form-group label {font-size:14px}
    .place_order_sec .billing_details_form_wrapper .form-group input {padding:10px}
    .classic_black_grey_stripe_shirt .classic_black_shirts .products_instock {margin:10px 0px}
    .btn_main{padding:12px;font-size: 13px}
    .navbar .main_navbar.custom_flex {flex-direction:column}
    .navbar .custom_product_search{width:100%}
    /*.navbar .main_navbar.custom_flex .header_icons{flex-wrap:wrap}*/
    .yout_cart_wrapper .subtotal_wrapper_bank.coupon_code_wrappper button{padding:13px;}
    .place_order_sec .billing_details_form_wrapper .save_this_information_wrap input {width:16px;height:16px}
    .classic_black_grey_stripe_shirt .classic_black_shirts .product_description .shirts_long_desc .part_shirt_heading h6 {margin-bottom:10px}
    .classic_black_grey_stripe_shirt .classic_shirts_images {height:300px}
    .footer_section{padding:30px 0px 0px 0px}
    .footer_section .website_footer h5{margin:10px 0px}
    .website_footer .custom_footer:has(.image_container) {text-align:center;}
    .footer_section .website_footer .custom_footer .image_container{margin:auto}
    .product_img_saleoff_wrapper div:has(.product_image){padding:0}
    .footer_section .website_footer{justify-content: center}
    .catch_big_product_image{height:130px}
    .popular_products_wrapper .popular_products_wrapper ul li button.active{padding:0}
    .commision_off_wrapper{width:50px;height:50px}
    .product_sale_sec{padding-bottom:30px}
    .catch_big{margin:40px 0px 40px 0px}
    .cart_btn{padding:10px}
    .btn_orange{padding:10px 20px;line-height: 16px}
    .footer_section p, .commision_off_wrapper div label i,a.shop_now:has(i) ,.timer_heading_wrapper .end_sale_time_wrapper label , .timer_heading_wrapper .end_sale_time_wrapper .timer-wrapper span {font-size:14px}
    h2{font-size:25px}
    h3{font-size:23px}
    h4{font-size: 18px}
    footer .footer_description a.navbar-brand.site_logo{width: 120px;height:35px}
    h5{font-size:16px}
    .headphone_sec{padding:15px 0px}
    .popular_products_wrapper .popular_products_wrapper ul li button{font-size: 13px}
    .product_search_togglers{gap:5px;}
}
@media only screen and (max-width:375px) {
    .select_role_wrapper .select_buyer_input_wrapper label h2 {font-size: 18px}
    .login_sec .login_fileds_wrapper {max-width: 98%;}
    .top_navbar{flex-wrap: wrap;justify-content: center;gap:10px}
    /*.navbar .main_navbar.custom_flex .header_icons{flex-direction: column;justify-content: center}*/
    .place_order_sec .billing_details_form_wrapper .form-group {row-gap:3px}
    .color_filter_wrapper .accordion-body{justify-content: start}
    .classic_black_grey_stripe_shirt .classic_black_shirts .classic_shirts_colors{margin:15px 0px 10px}
    #kt_body .classic_black_grey_stripe_shirt .classic_black_shirts .waist_number_wrapper.members {gap:15px;flex-wrap:wrap;justify-content: start}
    .yout_cart_wrapper .subtotal_wrapper_bank.coupon_code_wrappper button{width:100%}
    .yout_cart_wrapper .subtotal_wrapper_bank.coupon_code_wrappper{flex-wrap:wrap;row-gap:10px}
    .classic_black_grey_stripe_shirt .classic_black_shirts .product_description .custom_flex .image_container {width:25px;height:25px}
    .classic_black_grey_stripe_shirt .classic_black_shirts .product_description .shirts_long_desc .custom_flex h6{margin:0;min-width:100px}
    .classic_black_grey_stripe_shirt .classic_black_shirts .product_description .shirts_long_desc .part_shirt_heading{padding:10px 5px}
    .classic_black_grey_stripe_shirt .classic_shirts_images{height:200px}
    .footer_section .website_footer{text-align: center}
    .footer_section .website_footer .qr_code_image {width:80px;height:80px}
    .product_details_wrapper .ratings_star_wrapper div span{font-size:12px}
    .catch_big_product_image{width:150px;height:107px}
    .mega_menu_banner .dropdown-menu.show {padding:5px 10px}
    .headphone_sec .headphone_wrapper div{padding:15px 0px}
    .timer_heading_wrapper{flex-wrap:wrap;justify-content: center;row-gap: 10px}
    .popular_products_wrapper .popular_products_wrapper ul {column-gap: 10px;row-gap:5px}
    .navbar .custom_nav .resp_logo .site_logo{width:120px;height:35px}
}