@media only screen and  (max-width:1397px){
.test_img img{width: 100%; height: auto;}
.nav_bar .nav_bar_nav li a{font-size: 13px;}

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

}
@media only screen and  (max-width:1024px){
.acc_box .big_head {font-size: 40px;}
.big_head{font-size: 30px;}
.nav_bar_nav .droupdown li a{padding: 0px 15px;}
.form_img {display: block !important;}
}

@media only screen and  (max-width:992px){
*.animated{animation-duration:inherit !important;}
.hot_box { display: none;}
.hot_box2 { display: none;}
.down_text{top: 60%;}
.test_slider { width: 100%;    max-width: 100%;}
.acc_box .big_head { font-size: 28px; }
.acc_box{ padding-top: 25px;}
.set-part p{ font-size: 16px;}
.nav_bar .nav_bar_nav li{ padding: 25px 11px;}

}

@media only screen and  (max-width:768px){
*.animated{animation-duration:inherit !important;}
ul#counter p{font-size: 15px;}
.count_box span{font-size: 30px;}
.count_box samp {font-size: 30px;}
.down_text p{display: none;}
.big_head {font-size: 24px;}
.choosing__information{    margin-left: 0;}
.test_img img{width: 100%; height: auto;}
.contact-list-one li:last-child {display: block !important;}

}
@media only screen and  (max-width:480px){
*.animated{animation-duration:inherit !important;}
.phone_lefts-side { display: none;}
.socal_media {display: none;}
.top_contact {justify-content: center;}
.logo img{width: 15%;}
.form_img { display: none !important;}
.social_media img { width: 100%;}
.test_img img {width: 25%;}
.foot_nav{justify-self: center !important;}
.cod-type ul{flex-direction: column;}
.cod-type ul li { margin-bottom: 20px;}

}

@media only screen and  (max-width:451px){
*.animated{animation-duration:inherit !important;}

}

@media only screen and  (max-width:376px){
*.animated{animation-duration:inherit !important;}
.contact-list-one{flex-direction: column;}
.logo img {width: 20%;}
.acc_box .big_head {font-size: 22px; }
}

@media only screen and (max-width: 320px){
*.animated{animation-duration:inherit !important;}
.slick-nav.prev-arrow.slick-arrow{right: 3%;}
.slick-nav.next-arrow.slick-arrow{left: 5%;}
.big_head {font-size: 21px;}
#counter li{width: 100%;}
#counterP{flex-direction: column;}

}