@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--black); }
img{ display: inline-block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; text-transform:capitalize; }
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; color: var(--black); font-size: 1.6rem; }
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; font-size: 1.6rem; font-family: var(--body_font); }
ul, ol, li{ padding:0; margin:0; list-style:normal; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.pt-0{ padding-top: 0; }
.pb-0{ padding-bottom: 0; }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.text_left{ text-align: left; }
span, em{ font-style: normal; font-family: var(--body_font); display: block; font-size: 1.6rem; font-weight: 400; }
p{ font: 400 1.6rem/1.6 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; text-transform: capitalize; }
h4{font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font);}
h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font);}
h1, h2, h3{font-size: 4.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-weight: 600; font-family: var(--head_font); }
li{ font-size: 1.6rem; color: var(--black); font-weight: 600; line-height: 1.2; list-style: none; font-family: var(--body_font);}



/*__________________________ custom_short css____________*/
:root{ 
	--brand: #f00000; 
	/* --second_brand: #fff;  */
	--body_text_color: #444444;
	--white: #fff; 
	--black: #000; 
	--body_font: 'Poppins', sans-serif;
	--head_font: 'Merriweather';
	/* --graident: linear-gradient(90deg,rgba(5, 217, 171, 1) 0%, rgba(5, 170, 244, 1) 100%); */
}

/*__________________________ bottom_to_top css_start _________________________________________*/

#button { display: inline-block; background:  var(--brand); width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#button:hover { cursor: pointer; background-color: var(--brand); }
#button:active { background-color: var(--brand) }
#button.show { opacity: 1; visibility: visible; }

/*__________________________ bottom_to_top css_end _________________________________________*/
/*__________________________ custom_btn css_start _________________________________________*/

.custom-btn {text-transform: uppercase; letter-spacing: .2rem; color: #fff; position: relative; }
/* 7 */
.btn-7 { background: var(--brand); border: none; height: 4rem; line-height: 4rem; width: fit-content; padding: 0; }
.btn-7 span { position: relative; display: block; width: 100%; height: 100%; padding: 0 2.5rem; font-style: normal; }
.btn-7:before, .btn-7:after { position: absolute; content: ""; right: 0; bottom: 0; background: var(--brand); box-shadow: -7px -7px 20px 0px rgba(255,255,255,.9), -4px -4px 5px 0px rgba(255,255,255,.9), 7px 7px 20px 0px rgba(0,0,0,.2), 4px 4px 5px 0px rgba(0,0,0,.3); transition: all 0.3s ease; }
.btn-7:before{  height: 0%; width: 2px;}
.btn-7:after { width: 0%; height: 2px;}
.btn-7:hover{ color: var(--brand); background: transparent;}
.btn-7:hover:before { height: 100%;}
.btn-7:hover:after { width: 100%; }
.btn-7 span:before, .btn-7 span:after { position: absolute; content: ""; left: 0; top: 0; background: var(--brand); box-shadow: -7px -7px 20px 0px rgba(255,255,255,.9), -4px -4px 5px 0px rgba(255,255,255,.9), 7px 7px 20px 0px rgba(0,0,0,.2), 4px 4px 5px 0px rgba(0,0,0,.3); transition: all 0.3s ease;}
.btn-7 span:before { width: 2px; height: 0%;}
.btn-7 span:after { height: 2px; width: 0%;}
.btn-7 span:hover:before { height: 100%;}
.btn-7 span:hover:after { width: 100%;}




/*__________________________ custom_btn css_end _________________________________________*/


/*________________________________________________________________________ header_css_start ___________________________________________________________________________________*/
.header_sec.fixed{ position: fixed; top: 0; left:0; width: 100%; z-index: 99999999; }


.header_sec .menu_sec .container{ max-width: 100%; padding: 0 5rem; }
.header_sec .menu_sec {z-index: 55555555; background: #fff; padding: .5rem 0 .5rem 0; box-shadow: rgba(0, 0, 0, .3)0 0 1rem ; }
.header_sec .navbar-nav li a{ color: var(--black); font-size: 1.6rem; font-weight: 500; margin: 0 1.5rem; border-bottom: .2rem solid transparent; padding-bottom: .5rem; }
.header_sec .navbar-nav li a:hover{ border-bottom: .2rem solid var(--brand); padding-bottom: .5rem; }
.navbar-expand-lg .navbar-collapse{ justify-content: center; }
.header_sec .navbar-expand-lg .navbar-nav{ margin-top: 0.8rem; margin-right: 40rem; }
.header_sec .menu_sec .nav_brand img{ width: 15rem; }
.header_sec .position_search{ position: absolute; right: 17rem;}
.header_sec .position_search .searc .form-control{ height: 4rem; min-width: 20rem; padding-left: 1.5rem; font-size: 1.8rem; font-family: sans-serif; }
.header_sec .position_search .searc .form-control::placeholder{ color: var(--black); font-size: 1.8rem;  }
.header_sec .position_search .searc{ position: relative;}
.header_sec .position_search .searc .em_search{ position: absolute; top: 30%; font-size: 1.6rem; right: 1rem; }
.header_sec .position_search .searc .em_search i{ color: var(--brand);}
.header_sec .top_head_social_icon{ gap: 0 .5rem; position: absolute; right: 0 ; }
.header_sec .top_head_social_icon i{ font-size: 1.4rem; background: rgba(0, 0, 0, .3); width: 3.5rem; height: 3.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--white);}
.header_sec .rt_fot_block{ gap: 0 2rem;}






/*________________________________________________________________________ banner_css start ___________________________________________________________________________________*/
.home_banner_sec{ overflow: hidden; }
.swiper .swiper-slide a{ width:100%; height: 100%; }
.swiper .swiper-slide img { height: 50rem; object-fit: cover; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ color: var(--white); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #fff; }
/* .swiper .slider_box{ position: relative; } */
/* .swiper .slider_box::after{ position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, .3) 1%, rgba(66, 113, 141, 0) 12%, rgb(0, 0, 0) 134%); } */

.home_banner_sec .row{ margin: 0 -.5rem;}
.home_banner_sec .row .hom_banner_paddi{ padding: 0 .5rem;}

/*________________________________________________________________________ banner_css start ___________________________________________________________________________________*/





.rt_sticky{ position: sticky; top: 7rem; width: 100%; left: 0; }
.about_sec { padding-top: 3rem;}
.about_sec .left_box{ margin-right: 3rem;}
.about_sec .left_box .image h4 a{ padding-bottom: 2rem; transition: all .4s ease; font-size: 3rem; font-family: var(--head_font); }
.about_sec .left_box .image h4 a:hover{ color: var(--brand);}
.about_sec .left_box .items_box{ margin-top: 3rem; background: var(--white); padding: 2rem; border-radius: .5rem; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem;}
.about_sec .left_box .image p, .about_sec .left_box .image span{ padding-bottom: 2rem;}
.about_sec .left_box .image img{ margin-bottom: 3rem;}
.about_sec .left_box .image ul, .about_sec .left_box .image ol{ margin-top: 1rem; margin-bottom: 3rem;}
.about_sec .left_box .image ul li, .about_sec .left_box .image ol li{ position: relative; padding-left: 2.5rem; font-size: 1.6rem; font-weight: 500; color: var(--black); margin-bottom: 1.5rem; line-height: 1.6; } 
.about_sec .left_box .image ul li::after, .about_sec .left_box .image ol li::after{ content: "\f192"; position: absolute; top: .2rem; left: 0; font-size: 1.4rem; font-family: "Font Awesome 6 Pro"; color: var(--brand); }
.about_sec .left_box .image .comnt_shar{ gap: 0 5rem; margin-top: 3rem; }
.about_sec .left_box .image .comnt_shar i{ font-size: 2rem; color: #444444;}
.about_sec .left_box .image .comnt a{ color: var(--brand);}
.about_sec .left_box .image .comnt a i{ padding-right: .5rem;}

.about_sec .left_box .items_box h6{ font-size: 1.4rem; font-weight: 600; color: var(--brand); padding-bottom: 1rem; font-family: var(--body_font); text-transform: uppercase; } 
.about_sec .left_box .items_box h3 a{ font-size: 2.2rem; font-weight: 600; color: var(--black); padding-bottom: 1.5rem; } 
.about_sec .left_box .items_box h3 a:hover{ color: var(--brand); } 
.about_sec .left_box .comnt_shar{ gap: 0 5rem; margin-top: 3rem; }
.about_sec .left_box .comnt_shar i{ font-size: 2rem; color: #444444;}
.about_sec .left_box .comnt a{ color: var(--brand);}
.about_sec .left_box .comnt a i{ padding-right: .5rem;}
.about_sec .left_box .items_box .imaggg{ height: 100%; margin-left: 2.5rem;}
.about_sec .left_box .items_box .imaggg img{ width: 22rem !important; height: 20rem; object-fit: cover; }

.about_sec .right_box{ margin-top: 3rem; }
.about_sec .right_box .left_box_slid_day .video{ height: 40rem; width: 100%;}
.about_sec .right_box .left_box_slid_day h4{ padding-bottom: 1rem; }
.about_sec .right_box .left_box_slid_day .owl-nav.disabled{ display: flex;}
.about_sec .right_box .left_box_slid_day .owl-nav{ font-size: 0;}
.about_sec .right_box .left_box_slid_day .owl-nav .owl-prev{ position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.about_sec .right_box .left_box_slid_day .owl-nav .owl-next{ position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.about_sec .right_box .left_box_slid_day .owl-nav .owl-prev::after{ content: "\f053"; font-family: "Font Awesome 6 Pro"; font-size: 3.6rem; color: var(--white); }
.about_sec .right_box .left_box_slid_day .owl-nav .owl-next::after{ content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: 3.6rem; color: var(--white); }

.about_sec .right_box .advertis_ment{ margin-top: 3rem; }
.about_sec .right_box .advertis_ment .ad_image em{ font-size: 1.2rem; color: #707070; padding-bottom: .5rem;}
.about_sec .right_box .advertis_ment .ad_image a{ width: 100%;}
.about_sec .right_box .advertis_ment .ad_image{ margin-top: 2rem;}

table{ width:100%; margin-bottom: 2rem; }
table td{ padding: 1.2rem; border-bottom: .1rem solid #000; border-width: .1rem; }
table td span{ padding: 0 !important; }
table td b{ font-size: 2.2rem; }
table td span a, table td a{ color:var(--brand); }

/*________________________________________________________________________ product_details_css start ___________________________________________________________________________________*/

.inr_banner_sec .inr_banner_box{ padding: 15rem 0; position: relative; text-align: center; }
.inr_banner_sec .inr_banner_box::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, .7) 18%, rgba(66, 113, 141, 0) 46%, rgb(0, 0, 1) 96%);}
.inr_banner_sec .inr_banner_box h3 span{ background: rgba(255, 255, 255, 1); width: fit-content; padding: 1.5rem 3rem; border-radius: .5rem; font-size: 2.5rem; font-weight: 600; color: var(--brand); }
.inr_banner_sec .inr_banner_box h3{ position:relative; z-index: 55; }



/*________________________________________________________________________ hom_blogs_sec_css start ___________________________________________________________________________________*/
.hom_blogs_sec .home_blog_left_box{ margin-right: 3rem;}

.hom_blogs_sec .home_blog_left_box .h_blog_items_box{ margin-bottom: 5rem; border: .1rem dashed rgba(0, 0, 0, .3); padding: 2.5rem; border-radius: .5rem; }
.hom_blogs_sec .home_blog_left_box .h_blog_items_box h3 a{ font-size: 3rem; padding-bottom: 1rem; color: var(--black); font-family: var(--head_font); }
.hom_blogs_sec .home_blog_left_box .h_blog_items_box h3 a:hover{ color: var(--brand); }
.hom_blogs_sec .home_blog_left_box .h_blog_items_box p{ font-size: 1.6rem; color: var(--body_text_color); padding-bottom: 3rem; }
/* .hom_blogs_sec .home_blog_left_box .h_blog_items_box span.line{ background: rgba(0, 0, 0, .1); width: 100%; height: .1rem; margin: 2rem 0 3rem 0; } */
.hom_blogs_sec .home_blog_left_box .h_blog_items_box:last-child{ margin-bottom: 0; }
.hom_blogs_sec .hom_blog_right_box .home_left_box_slid_day h4{ font-size: 2rem; color: #000; padding-bottom: 1rem;}
.hom_blogs_sec .hom_blog_right_box .home_left_box_slid_day p{ font-size: 1.4rem; color: var(--body_text_color); }
.hom_blogs_sec .hom_blog_right_box .home_advertis_ment .ad_image{ margin-top: 2rem; }
.hom_blogs_sec .hom_blog_right_box .home_advertis_ment .ad_image a{ width: 100%;}


/*________________________________________________________________________ gadget_sec start ___________________________________________________________________________________*/
h2{ font-size: 4rem; color: var(--black);  }
h2 .htow_line{ font-size: 2.5rem; color: var(--black); border-bottom: .2rem solid rgba(0, 0, 0, .1); margin-top: 1rem; }
.gadget_sec { padding-top: 0; }
.gadget_sec .gadget_box .gadget_item{ background: var(--white); padding: .5rem; border-radius: .5rem; box-shadow: rgba(0, 0, 0, .15) 0 0 1rem; margin-top: 3rem;}
.gadget_sec .gadget_box .gadget_item .text{  padding: 2rem; }
.gadget_sec .gadget_box .gadget_item .text h3{ line-height: 1;}
.gadget_sec .gadget_box .gadget_item .text h3 a{ font-size: 2.2rem; padding-bottom: 1rem;}
.gadget_sec .gadget_box .gadget_item .text h3 a:hover{ color: var(--brand);}
.gadget_sec .gadget_box .gadget_item .image a{ width: 100%; }
.gadget_sec .gadget_box .gadget_item .image img{ border-radius: .5rem .5rem 0 0; height: 30rem; object-fit: cover; }
.gadget_sec .gadget_box .row { margin: 0 -2rem; }
.gadget_sec .gadget_box .row .gadget_paddi{ padding: 0 2rem; }

.gadget_sec .gadget_box .gadget_item .text .gadget_btn{ margin-top: 2rem;}
.gadget_sec .gadget_box .gadget_item .text .gadget_btn a{ font-size: 1.8rem; font-weight: 600; color: var(--brand); border-bottom: .2rem solid var(--brand);  }
.gadget_sec .gadget_box .gadget_item .text .gadget_btn a i{ color: var(--black); padding-left: 1rem; transition: all .4s ease;}
.gadget_sec .gadget_box .gadget_item .text .gadget_btn a:hover{ color: var(--black);}
.gadget_sec .gadget_box .gadget_item .text .gadget_btn a:hover i{ color: var(--brand); transform: rotate(-45deg);}

.gadget_sec .gadget_item .admin{ padding-bottom: 2rem; border-bottom: .1rem dashed rgba(0, 0, 0, .1); margin-bottom: 2rem; }
.gadget_sec .gadget_item .admin .image { gap: 0 1rem; }
.gadget_sec .gadget_item .admin .image i{ font-size: 1.6rem; color: var(--brand);}
.gadget_sec .gadget_item .admin .image span{ font-size: 1.6rem; color: var(--black); }
.gadget_sec .gadget_item .admin .image h6{ font-size: 1.4rem; color: #9c9c9c; font-family: var(--body_font); }
.gadget_sec .gadget_item .admin .text_social{ gap: 0 1rem; }
.gadget_sec .gadget_item .admin .text_social a{ width: 3rem; height: 3rem; background: var(--brand); border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.gadget_sec .gadget_item .admin .text_social a i{  color: #fff; font-size: 1.2rem; }

.gadget_sec .gadget_all_btn{ margin-top: 3rem; }


/*________________________________________________________________________ call tao acton start ___________________________________________________________________________________*/

.cal_to_sact_sec .image_box_content{ height: 60rem; width: 100%;}



/*________________________________________________________________________ internet_sec start ___________________________________________________________________________________*/

.internet_sec { padding-top: 6rem;}


/*________________________________________________________________________ add_sec start ___________________________________________________________________________________*/
.ads_sec{ overflow: hidden; padding-top: 0; }
.ads_sec .container{ max-width: 100%; padding: 0 0;  }
.ads_sec .ad_image_box.box_margin{ margin-right: 3rem;}
.ads_sec .ad_image_box, .ads_sec .ad_image_box .image, .ads_sec .ad_image_box .image img{ object-fit: cover; height: 100%;}

/*________________________________________________________________________ container start ___________________________________________________________________________________*/

 .hom_blogs_sec .container, .gadget_sec .container, .internet_sec .container { max-width: 100%; padding: 0 2.5rem;}

/*________________________________________________________________________ footer start ___________________________________________________________________________________*/

.footer_sec{ padding-bottom: 0; position: relative; z-index: 1; }
.footer_sec::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 13, 54, 1); z-index: -1; }
.footer_sec .footer_top{ margin-bottom: 3rem; }
.footer_sec .footer_top .ft_logo img{ width: 30rem; }
.footer_sec .footer_top .ft_cont_info { gap: 0 2rem; }
.footer_sec .footer_top .ft_cont_info .icon a { width: 5rem; height: 5rem; border-radius: 100%; background: var(--brand); display: flex; align-items: center; justify-content: center; }
.footer_sec .footer_top .ft_cont_info .icon a i{ font-size: 2rem; color: #fff; }
.footer_sec .footer_top .ft_cont_info .text a{ padding-bottom: .5rem; font-size: 1.8rem; color: var(--white); display: block; }
.footer_sec .footer_top .ft_cont_info .text a:hover{ color: var(--brand); }
.footer_sec .footer_top .info_detail{ margin-bottom: 2rem; }
.footer_sec .footer_top .info_detail:nth-child(1){ width: 100%; }
/* .footer_sec .footer_top .info_detail:nth-child(2){ width: 48%; } */
/* .footer_sec .footer_top .info_detail:nth-child(3){ width: 48%; } */

.footer_sec .footer_top .ft_links{ flex-wrap: wrap; gap: 0 3rem ;}




.footer_sec .footer_top .ft_dtels_all_btm{ margin-top: 4rem; border-top: .1rem dashed rgba(255, 255, 255, .4); padding-top: 3rem; }
.footer_sec .footer_top .ft_links .ft_menu li a{ color: var(--white); font-size: 1.6rem; }
.footer_sec .footer_top .ft_links .ft_menu{ gap: 1.5rem 2rem; flex-wrap: wrap; }

/* .footer_sec .footer_top .news{ margin-top: 3rem; } */
.footer_sec .footer_top .news h4{ font-size: 3rem; color: var(--white); font-weight: 600; padding-bottom: 1rem; }
.footer_sec .footer_top .news .input_fld{ position: relative;  }
.footer_sec .footer_top .news .input_fld .form-contral{ height: 5rem; width: 100%; outline: none; border: none; padding-left: 2rem; font-size: 1.6rem; }
.footer_sec .footer_top .news .input_fld .send_btn{ position: absolute; top: 0; right: 0; bottom: 0; background: var(--brand); border: none; width: 6rem; }
.footer_sec .footer_top .news .input_fld .send_btn i{ color: var(--white); font-size: 2rem; }

.footer_sec .footer_top .ft_dtels_all_btm .ft_dtls_ab{ margin-right: 3rem; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_dtls_ab h3{ font-size: 3rem; color: var(--white); padding-bottom: 2rem; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_dtls_ab p{ font-size: 1.6rem; color: var(--white); }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links h5{ font-size: 3rem; padding-bottom: 2rem; color: var(--white); font-weight: 600; }

.footer_sec .footer_top .ft_dtels_all_btm .ft_links_menu{ margin-top: 3rem; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location{ position: relative; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location span{ width: 5rem; height: 5rem; border-radius: 100%; background: var(--brand); display: flex; align-items: center; justify-content: center; position: absolute; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location span i{ color: var(--white); font-size: 1.6rem; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location p{ padding-left: 8rem; color: var(--white); font-size: 1.6rem; }

.footer_sec .footer_bottom{ background: #001044; padding: 1.5rem 0; border-top: .1rem solid rgba(255, 255, 255, .5); }
.footer_sec .footer_bottom em{ color: var(--white); font-size: 1.4rem; }
.footer_sec .footer_bottom em a{ color: var(--brand); font-weight: 600; }


/*________________________________________________________________________ inr_product_listing start ___________________________________________________________________________________*/
.product_listing_sec{ padding-top: 3rem; }
.product_listing_sec .container{ max-width: 100%; padding: 0 2rem; }
.product_listing_sec .product_box{ box-shadow: rgba(0, 0, 0, .1) 0 0 1rem; margin-top: 3rem; }
.product_listing_sec .product_box .text_main_box{ box-shadow: rgba(0, 0, 0, .1) 0 0 1rem; padding: 2rem; }
.product_listing_sec .product_box .left_text h4 a{ font-size: 2rem; color: var(--black); line-height: 1.5; }
.product_listing_sec .product_box p{ font-size: 1.4rem; color: var(--body_text_color); line-height: 1.6; padding: 1rem 0 2rem 0; }
.product_listing_sec .product_box .text .star{ gap: 0 .5rem;}
.product_listing_sec .product_box .text .star i{ font-size: 1.8rem; color: #f7c631;}
.product_listing_sec .product_box .text em{ font-size: 2.5rem; color: var(--brand);}
.product_listing_sec .product_box .text{ border-top: .1rem solid rgba(0, 0, 0, .1); padding-top: 1rem;}


.product_listing_sec .product_box .image .wish_icon{ position: absolute; top: 2rem; right: 2rem; background: #ffffff; width: 3.5rem; height: 3.5rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.product_listing_sec .product_box .image .wish_icon i{ font-size: 1.6rem; color: var(--brand);}

.product_listing_sec .main_col_paddi .row{ margin: 0 -1.5rem; }
.product_listing_sec .main_col_paddi .row .pro_list_paddi{ padding: 0 1.5rem; }

.product_listing_sec .product_box .admin{ margin-bottom: 1.5rem;}
.product_listing_sec .product_box .admin .image { gap: 0 1rem; }
.product_listing_sec .product_box .admin .image i{ font-size: 1.6rem; color: var(--brand);}
.product_listing_sec .product_box .admin .image span{ font-size: 1.6rem; color: var(--black); }
.product_listing_sec .product_box .admin .image h6{ font-size: 1.4rem; color: #9c9c9c; font-family: var(--body_font); }
.product_listing_sec .product_box .admin .text_social{ gap: 0 1rem; }
.product_listing_sec .product_box .admin .text_social a{ width: 3rem; height: 3rem; background: var(--brand); border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.product_listing_sec .product_box .admin .text_social a i{  color: #fff; font-size: 1.2rem; }

.product_listing_sec .product_box .pro_list_btn a{ font-size: 1.8rem; font-weight: 600; color: var(--brand); border-bottom: .2rem solid var(--brand);  }
.product_listing_sec .product_box .pro_list_btn a i{ color: var(--black); padding-left: 1rem; transition: all .4s ease;}
.product_listing_sec .product_box .pro_list_btn a:hover{ color: var(--black);}
.product_listing_sec .product_box .pro_list_btn a:hover i{ color: var(--brand); transform: rotate(-45deg);}

.product_listing_sec .pro_ad_sec{ margin-left: 2rem;}
.product_listing_sec .pro_ad_sec .ad_image{ margin-top: 2rem;}
.product_listing_sec .pro_ad_sec .ad_image a{ width: 100%;}


/*________________________________________________________________________ inner_contact_block start ___________________________________________________________________________________*/
.inner_contact_block p{ padding-top: .5rem;}
.inner_contact_block .cont_info { margin-right: 3rem; margin-top: 3rem; background: #fff; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; border-radius: .5rem; padding: 5rem 3rem;}
.inner_contact_block .cont_info ul li { gap: 0 2rem; margin: 3rem 0 0 0 ;}
.inner_contact_block .cont_info ul li span { border: .1rem dashed var(--brand); height: 5rem; width: 5rem; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.inner_contact_block .cont_info ul li span i { width: inherit; display: flex; justify-content: center; align-items: center; color: var(--brand); font-size: 1.8rem;}
.inner_contact_block .cont_info ul li h3 { font-size: 2rem; font-weight: 400; font-family: var(--body_font);}
.inner_contact_block .cont_info ul li em { word-break: break-all; display: block; font-size: 2rem; font-weight: 400; padding-top: .5rem;}
.inner_contact_block .cont_info ul li h3 em a { color: var(--black); font-size: 2rem; font-weight: 600;}
.inner_contact_block .cont_info .inr_con_social { position: relative; z-index: 1;}
.inner_contact_block .cont_info .inr_con_social::after { z-index: -1; content:""; position: absolute; border: .1rem solid #00000012; top: 1.6rem; left: 0; width: 100%; height: .1rem;}
.inner_contact_block .cont_info .inr_con_social a {  background: var(--brand); width: 3.5rem; height: 3.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.inner_contact_block .cont_info .inr_con_social a i { font-size: 1.6rem; color: var(--white); }
.inner_contact_block .cont_form{ margin-top: 3rem;}
.inner_contact_block .cont_form form {  background: var(--white); padding: 3rem 2.2rem; border-radius: .5rem; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem;}
.inner_contact_block .cont_form form .input-group { display: block; margin-bottom: 1.5rem;}
.inner_contact_block .cont_form form .input-group label { font-size: 1.8rem; color: var(--black); display: block; font-weight: 600; font-family: var(--body_font);}
.inner_contact_block .cont_form form .input-group .form-control { width: 100%; height: 5rem; font-size: 1.6rem; padding-left: 2rem;}
.inner_contact_block .cont_form form .input-group textarea { min-height: 15rem; padding-top: 1.5rem; }

/* map_block */
.map_block .container{ max-width: 100%; padding: 0 0;}
.map_block .map_box{ line-height: 0;}
.map_block .map_box iframe{ width: 100%; height: 25rem; }


/*________________________________________________________________________ privacy_policy_page start ___________________________________________________________________________________*/

.inr_policy_sec .privacy_box h2 { font-size: 4.5rem; color: var(--black); padding-bottom: 2rem; }
.inr_policy_sec .privacy_box p { padding-top: 1rem; }
.inr_policy_sec .privacy_box h4 { font-size: 2.5rem; color: var(--black); padding-top: 2rem; }
.inr_policy_sec .privacy_box ul { margin-top: 2rem;}
.inr_policy_sec .privacy_box ul li { margin-bottom: 1rem; color: var(--black); font-weight: 500; position: relative; padding-left: 2.5rem; }
.inr_policy_sec .privacy_box ul li::before { position: absolute; left: 0; top: 0; content: "\f762"; font-family: "Font Awesome 6 Pro"; font-size: 1.6rem; font-weight: 600; color: var(--brand); }
.inr_policy_sec .privacy_box .privecy_center_text { margin-top: 3rem; }
.inr_policy_sec .privacy_box p a{ font-size: 2rem; color: var(--brand);}
.inr_policy_sec .privacy_box .privecy_center_text h5{ color: var(--brand); padding-bottom: 1rem;}



/*________________________________________________________________________ terms_and_condition_page start ___________________________________________________________________________________*/

.terms_condition_sec .condition_box h2{ font-size: 4.5rem; color: var(--black); padding-bottom: .5rem;}
.terms_condition_sec .condition_box ul{ margin-top: 3rem;  }
.terms_condition_sec .condition_box ul h3{ font-size: 3rem; padding-bottom: 1rem; padding-bottom: 2rem;}
.terms_condition_sec .condition_box ul li{ font-size: 1.6rem; margin-bottom: 1.5rem; font-weight: 500; color: var(--black); position: relative; padding-left: 3rem; }
.terms_condition_sec .condition_box ul li::before{ position: absolute; content: "\f762"; left: 0; top: 0; font-size: 1.6rem; font-family: "Font Awesome 6 Pro"; color: var(--brand); font-weight: 600; }
.terms_condition_sec .condition_box ul li:last-child{ margin-bottom: 0; }



/*________________________________________________________________________ refund_policy_sec start ___________________________________________________________________________________*/

.refund_policy_sec .refund_box h2 { padding-bottom: .5rem; font-size: 4.5rem; color: var(--black);}
.refund_policy_sec .refund_box p { padding-bottom: 2rem; }
.refund_policy_sec .refund_box .main_policy h3{ font-size: 2.5rem; padding-bottom: 1.5rem;}
.refund_policy_sec .refund_box .main_policy p{ padding-bottom: 1rem;} 
.refund_policy_sec .refund_box .main_policy ul{ padding-top: 3rem;}
.refund_policy_sec .refund_box .main_policy ul h6{ font-size: 1.8rem; font-weight: 400; color: var(--body_text_color); font-family: var(--body_font); padding-bottom: 2rem; }
.refund_policy_sec .refund_box .main_policy ul li{ font-size: 1.6rem; margin-bottom: 1.5rem; font-weight: 500; color: var(--black); position: relative; padding-left: 3rem; }
.refund_policy_sec .refund_box .main_policy ul li::before{ position: absolute; content: "\f762"; left: 0; top: 0; font-size: 1.6rem; font-family: "Font Awesome 6 Pro"; color: var(--brand); font-weight: 600; }
.refund_policy_sec .refund_box .main_policy ul li:last-child{ margin-bottom: 0; }



/*________________________________________________________________________ return_plicy_sec start ___________________________________________________________________________________*/

.return_plicy_sec .return_box h2 { padding-bottom: .5rem; font-size: 4.5rem; color: var(--black);}
.return_plicy_sec .return_box p { padding-bottom: 2rem; }
.return_plicy_sec .return_box .main_policy h3{ font-size: 2.5rem; padding-bottom: 1.5rem;}
.return_plicy_sec .return_box .main_policy p{ padding-bottom: 1rem;} 
.return_plicy_sec .return_box .main_policy ul{ padding-top: 3rem;}
.return_plicy_sec .return_box .main_policy ul h6{ font-size: 1.8rem; font-weight: 400; color: var(--body_text_color); font-family: var(--body_font); padding-bottom: 2rem; }
.return_plicy_sec .return_box .main_policy ul li{ font-size: 1.6rem; margin-bottom: 1.5rem; font-weight: 500; color: var(--black); position: relative; padding-left: 3rem; }
.return_plicy_sec .return_box .main_policy ul li::before{ position: absolute; content: "\f762"; left: 0; top: 0; font-size: 1.6rem; font-family: "Font Awesome 6 Pro"; color: var(--brand); font-weight: 600; }
.return_plicy_sec .return_box .main_policy ul li:last-child{ margin-bottom: 0; }



/*________________________________________________________________________ inner_error_page start ___________________________________________________________________________________*/

.error_sec { padding: 15rem 0;}
.error_sec h1 { font-size: 40rem; font-weight: 800; line-height: 1.1; color: #000000b3; text-shadow: 1.5rem 1.5rem 1rem rgba(0, 0, 0, 0.2);}
.error_sec h3 { margin: 2rem 0; font-size: 3rem; font-weight: 600; color: var(--body_txt_color); }


/*________________________________________________________________________ inner_error_page start ___________________________________________________________________________________*/




/*____________________________________________
                Media Quaries 
______________________________________________*/
@media (min-width: 1200px) and (max-width: 9000px){
	/*.main_header .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid var(--brand); background:#fff !important; padding: 0; border-radius: 0; left: 0; right: inherit; box-shadow: inherit; }
	.main_header .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }*/
}

@media (min-width:992px) and (max-width: 3000px){
	/*.header_sec .main_header .dropdown:hover .dropdown-menu{ display: block; } */
}


@media only screen and (max-width: 1699px){
    .inr_banner_sec .inr_banner_box { padding: 10rem 0; }




		


}

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






}

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


.header_sec .menu_sec .container{ padding: 0 1.5rem;}
.header_sec .position_search .searc .form-control{ width: 50%;}
.header_sec .position_search{ right: 13rem; }
.header_sec .position_search .searc .em_search {right: 6rem; }
.product_listing_sec .product_box .left_text h4 { font-size: 1.8rem; }
.product_listing_sec .product_box .admin .image { gap: .5rem 1rem; flex-wrap: wrap; }


}



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

.navbar-expand-lg .navbar-toggler { display: block; }
.navbar-toggler .navbar-toggler-icon{ width: 5rem; height: .3rem; background: var(--black); }
.header_sec .navbar .hed_book_btn{ right: 8.5rem; }
.header_sec .navbar .navbar-toggler-icon{ display: block; background: var(--black); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
.header_sec .navbar .navbar-collapse{ position: fixed; left:-50rem; top: 0; width: 25rem; height: 100vh; background: var(--white); transition: all 0.5s ease-in-out; border-right: .4rem solid var(--brand); overflow-y: auto; padding-left: 1.5rem; padding-top: 2rem }
.header_sec .navbar .navbar-collapse.show{ left: 0; z-index: 555; }
.header_sec .navbar .navbar-collapse ul li a{ border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(2){ opacity: 0; width: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
.header_sec .navbar-toggler:focus{ box-shadow:none; }
.header_sec .navbar .navbar-collapse ul{ display: block;}
.header_sec .navbar .navbar-collapse ul li{ width: 100%;}
.header_sec .navbar .navbar-collapse.show ul li a{ color: var(--black); padding: 1.5rem 0 ; width: 100%;}
.header_sec .navbar .navbar-collapse ul, .header_sec .navbar .navbar-collapse ul liṣ{ width: 100%; position: absolute; top: 30px;}
.header_sec .navbar-expand-lg .navbar-nav{ margin-right: 0;}

.header_sec .top_head_social_icon{ right: 6rem;}
.header_sec .position_search { right: 18.5rem; }
.swiper .swiper-slide img{ height: 45rem;}
.gadget_sec .gadget_box .row { margin: 0 -1.5rem; }
.gadget_sec .gadget_box .row .gadget_paddi{ padding: 0 1.5rem; }
.gadget_sec .gadget_box .gadget_item .text h3 a { font-size: 2rem; }
.cal_to_sact_sec .image_box_content { height: 50rem; }
.ads_sec .ad_image_box.box_margin { margin-right: 1rem; }
.gadget_sec .gadget_item .admin { flex-wrap: wrap; gap: 1rem; }
.home_banner_sec .home_bottom_slider{ display: none;}









/* blog_details */
.about_sec .right_box .left_box_slid_day h4{ font-size: 2rem;}
.about_sec .left_box .items_box h3 a {  font-size: 1.8rem;}

/* error */
.error_sec { padding: 6rem 0; }
.error_sec h1 { font-size: 30rem; }

/* contact */
.inner_contact_block h2{ font-size: 3rem;}

/* terms_condition */
.terms_condition_sec .condition_box h2 { font-size: 3.5rem; }
.terms_condition_sec .condition_box ul h3 { font-size: 2.5rem; }

.inr_banner_sec .inr_banner_box { padding: 8rem 0; }




}



	

@media screen and (max-width: 991px){
.hom_blogs_sec .container, .gadget_sec .container, .internet_sec .container{ padding: 0 1.5rem;}



.home_banner_sec .last_hom_slid_box img{ height: 20rem; }
.hom_blogs_sec .home_blog_left_box { margin-right: 1rem; }
.hom_blogs_sec .home_blog_left_box .h_blog_items_box h3 a { font-size: 2.5rem; }
.hom_blogs_sec .hom_blog_right_box .home_left_box_slid_day h4 { font-size: 1.6rem; }
.hom_blogs_sec .home_blog_left_box .h_blog_items_box { margin-bottom: 2rem; padding: 1.5rem; }
.hom_blogs_sec .home_blog_left_box { margin-right: 0; margin-bottom: 3rem; }
.cal_to_sact_sec .image_box_content { height: 40rem; }
.footer_sec .footer_top .ft_logo img { width: 25rem; }
.footer_sec .footer_top .ft_links{ margin-top: 3rem;}



/* blog_details */
.about_sec .left_box{ margin-right: 0; }
.about_sec .right_box .advertis_ment { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.about_sec .right_box .advertis_ment .ad_image { width: 32%; margin-top: 0;}

/* error */
.error_sec h1 { font-size: 25rem; }
.error_sec h3{ margin-top: 0;}

/* contact */
.inner_contact_block h2{ font-size: 2.5rem;}
.inner_contact_block .cont_info{ margin-right: 0;}

/* privacy_policy */
.inr_policy_sec .privacy_box h2{ font-size: 3.5rem; padding-bottom: 0;}

/* terms_condition */
.terms_condition_sec .condition_box h2 { font-size: 2.5rem; }
.terms_condition_sec .condition_box ul h3 { font-size: 2rem; }





}


/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
.ptb{ padding: 4rem 0;}
.container{ max-width: 100%; padding: 0 1.5rem;}


.header_sec .menu_sec .container{ padding:0 .5rem}
.header_sec .position_search { right: 16rem; }
.header_sec .position_search .searc .em_search { right: 8rem;}
.header_sec .position_search .searc .form-control::placeholder, .header_sec .position_search .searc .form-control{ font-size: 1.4rem; min-width: 13rem; }
.swiper .swiper-slide img{ height: 30rem; }
.home_banner_sec .last_hom_slid_box img{ height: 15rem; }
.gadget_sec { padding-top: 0;}
.cal_to_sact_sec .image_box_content { height: 30rem; }
.internet_sec { padding-top: 4rem;}
.gadget_sec .gadget_box .gadget_item .image img{ height: auto; width: 100%;}
.ads_sec { padding-top: 0; overflow: hidden; }
.ads_sec .ad_image_box.box_margin{ margin-right: 0; display: none;}
.footer_sec .footer_top .news{ margin-top: 2rem; }
.footer_sec { padding-bottom: 0;}
.footer_sec .footer_bottom .footer_all { flex-direction: column; gap: 1rem 0; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links_menu { margin-top: 2rem; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_links h5{ font-size: 2.5rem; }
.product_listing_sec .product_box .text .star i { font-size: 1.4rem; }
.product_listing_sec .product_box .text em { font-size: 2rem; }



/* product_list */
.product_listing_sec { padding-top: 1rem; }

/* blog_details */
.about_sec { padding-top: 1rem;}
.about_sec .left_box .items_box{ flex-direction: column-reverse; gap: 2rem 0;  }
.about_sec .left_box .items_box .imaggg{ margin-left: 0; }
.about_sec .left_box .items_box .imaggg img{ width: 100% !important; height: auto;  }
.about_sec .left_box .image h4 a{ font-size: 2.5rem;}

/* error */
.error_sec h1 { font-size: 20rem; }
.error_sec h3{ font-size: 2rem; }

/* privacy_policy */
.inr_policy_sec .privacy_box h2 { font-size: 3rem; }
.inr_policy_sec .privacy_box h4 { font-size: 2.2rem; }
.terms_condition_sec .condition_box ul h3 { font-size: 1.8rem; }

/* refund_policy */
.refund_policy_sec .refund_box h2{ font-size: 3rem;}
.refund_policy_sec .refund_box .main_policy h3 { font-size: 2rem; }

/* return_policy */
.return_plicy_sec .return_box h2{ font-size: 3rem;}
.return_plicy_sec .return_box .main_policy h3 { font-size: 2rem; }
.inr_banner_sec .inr_banner_box { padding: 6rem 0; }



}

@media screen and (max-width:575px){
h2{ font-size: 2.5rem !important;}




.header_sec .top_head_social_icon { display: none !important;}
.header_sec .menu_sec .nav_brand img { width: 12rem;}
.header_sec .position_search {right: 6rem;}
.header_sec .position_search .searc { width: 10rem;}
.header_sec .position_search .searc .form-control{ min-width: 0; width: 100%;}
.header_sec .position_search .searc .em_search { right: 1rem;}
.header_sec .position_search .searc .form-control::placeholder, .header_sec .position_search .searc .form-control{ font-size: 1.2rem; padding-left: .5rem; }

.swiper .swiper-slide img{ height: 20rem; }
.home_banner_sec .last_hom_slid_box img{ height: 10rem; }
.gadget_sec .gadget_box .gadget_item .text{ padding: 1.5rem; }
.gadget_sec .gadget_box .gadget_item{ margin-top: 2rem; }
.cal_to_sact_sec .image_box_content { height: 20rem; }
.ads_sec .ad_image_box .image img{ height: 20rem !important;}
.footer_sec .footer_top .ft_dtels_all_btm {margin-top: 2rem; padding-top: 2rem; }
.footer_sec .footer_top .ft_dtels_all_btm .ft_dtls_ab h3 { font-size: 2.5rem; padding-bottom: 1rem; }
.footer_sec .footer_top .news h4{ font-size: 2.2rem;}
.footer_sec .footer_top .ft_links{ margin-top: 2rem;}
.footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location span, .footer_sec .footer_top .ft_cont_info .icon a { width: 4rem; height: 4rem;}
.footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location p{ padding-left: 5rem;}
.footer_sec .footer_top .ft_cont_info{ gap: 0 1rem; }
.footer_sec .footer_top .ft_cont_info .text a{ font-size: 1.6rem;}
.footer_sec .footer_top .info_detail { margin-bottom: 1rem; }
.footer_sec .footer_top .ft_cont_info .text a{ padding-bottom: 0; word-break: break-word; }
.footer_sec .footer_top .ft_cont_info .icon a i, .footer_sec .footer_top .ft_dtels_all_btm .ft_links .ft_location span i { font-size: 1.4rem; }

/* product_list */
.product_listing_sec .product_box{ margin-top: 2rem; }
.product_listing_sec .product_box .image .wish_icon{ top: 1rem; right: 1rem;}
.product_listing_sec .pro_ad_sec{ margin-left: 0;}
.product_listing_sec{ overflow: hidden;}


/* blog_details */
.about_sec .left_box .image h4 a{ font-size: 2rem; padding-bottom: 1rem; }
.about_sec .left_box .image img { margin-bottom: 2rem;}
.about_sec .left_box .image ul, .about_sec .left_box .items_box{ margin-top: 2rem;}
.about_sec .left_box .image ul li{ font-size: 1.4rem;}
.about_sec .left_box .comnt_shar, .about_sec .right_box .advertis_ment{ margin-top: 2rem;}
.about_sec .left_box .items_box h6 { font-size: 1.2rem;}
.about_sec .left_box .items_box h3 a { font-size: 1.6rem;}

/* error */
.error_sec h1 { font-size: 10rem; }
.error_sec h3{ font-size: 1.6rem; }
.error_sec { padding: 3rem 0 4rem 0; }

/* contact */
.inner_contact_block .cont_info{ margin-top: 2rem; padding: 3rem 2rem 3rem 2rem; }
.inner_contact_block .cont_info ul li span{ height: 4rem; width: 4rem; }
.inner_contact_block .cont_info ul li { gap: 0 1.5rem; margin: 2rem 0 0 0; }
.inner_contact_block .cont_form { margin-top: 2rem;}

/* privacy_policy */
.inr_policy_sec .privacy_box h2 { font-size: 2.2rem; line-height: 1.4; }
.inr_policy_sec .privacy_box h4, .inr_policy_sec .privacy_box .privecy_center_text h5 { font-size: 1.8rem; }
.inr_policy_sec .privacy_box .privecy_center_text { margin-top: 2rem; }

/* terms_condition */
.terms_condition_sec .condition_box ul { margin-top: 2rem; }

/* refund_policy */
.refund_policy_sec .refund_box h2 { font-size: 2.5rem; }
.refund_policy_sec .refund_box .main_policy h3 { font-size: 1.8rem; }
.refund_policy_sec .refund_box .main_policy ul { padding-top: 2rem; }

/* return_policy */
.return_plicy_sec .return_box h2 { font-size: 2.5rem; }
.return_plicy_sec .return_box .main_policy h3 { font-size: 1.8rem; }
.return_plicy_sec .return_box .main_policy ul { padding-top: 2rem; }
.product_listing_sec .product_box .admin .image i {
    font-size: 1.4rem;}


.gadget_sec .gadget_item .admin .text_social a, .product_listing_sec .product_box .admin .text_social a{ width: 2.5rem; height: 2.5rem; }
.gadget_sec .gadget_item .admin .text_social, .product_listing_sec .product_box .admin .text_social{ gap: 0 .5rem; }
.gadget_sec .gadget_item .admin{ flex-wrap: nowrap; gap: 0 .5rem; }
.gadget_sec .gadget_item .admin .image span, .product_listing_sec .product_box .admin .image i { font-size: 1.4rem; }
.product_listing_sec .product_box .admin .image { gap: .5rem .5rem; }
	
	
table td{ padding: .5rem; border-bottom: .1rem solid #000; border-width: .1rem; }
table td span{ font-size:1.1rem; }
table td span a, table td a{ font-size:1.1rem; color:var(--brand); }
table td b{ font-size: 1.2rem; }



}

/* emergency use only */
@media screen and (max-width:480px){




}