*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html
{
    scroll-behavior: smooth;
}

body
{
    font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: var(--main_color);
    background-color: var(--color_shade2);
    
}


/*==========================LINK STYLES ==========================*/

a
{
    color: var(--highlight_color);
    text-decoration: none;
}

/*==========================PARAGRAPH STYLES ==========================*/
p
{
    color: var(--color_shade10);
}


/*==========================TOP BAR STYLES ==========================*/
.top_bar
{
    padding: 10px 50px;
    display: flex;
    background-color: var(--main_color);
    border-bottom: 1px solid var(--highlight_color);
    
}

.logo_container
{
    width: 60px;
    overflow: hidden;
}


.logo_container img
{
    width: 100%;

}

.contact_container
{

    display: flex;
    align-items: center;
    
    /*

    position: absolute;
    top: 0;
    left: -50px;
    width:100%;
    padding: 20px 0;
    background: var(--main_color);
    flex: 1;
    display: flex;
    justify-content: flex-end;
    color: var(--color_shade1);
    */
}




.search_container
{
   
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 401;
        
 }

.contact_container a, .contact_container span 
{
    color: var(--color_shade1);
}



.nav_icon_container .search_icon, .btn_responsive
{
    display: none;
}



.btn_responsive .open_btn
{
    margin-left: 5px;
    width: 140px;
    
}

.btn_responsive .close_btn
{
    width: 140px;
}


/*==========================NAV BAR STYLES ==========================*/
.nav_bar
{
    padding: 0 50px;
    background-color: var(--main_color);
    display: flex;
    position: sticky;
    top: 0;
    z-index: 300;
}

.phone_icon
{
    color: var(--highlight_color);
}

.category_menu_container
{
    background-color: var(--highlight_color2);
    flex-basis: 300px;
    display: flex;
    align-items: center;
    padding: 8px 20px;
    cursor: pointer;
    position: relative;

}


.category_content
{
    flex: 1;
    display: flex;
    align-items: center;
}


.category_content span
{
    margin-right: 5px;
}

.category_menu_container span
{
    color: var(--main_color);
}

.nav_icon_container
{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding: 8px 0 8px 20px;
    align-items: center;
    
}


.nav_icon_container span
{
    color: var(--highlight_color2);;
}


.nav_icon_container a:not(:last-child)
{
   margin-right: 20px;
}

.nav_icon
{
    display: flex;
    align-items: center;
}

.nav_icon_container a
{
   display: flex;
   position: relative;
}

.nav_icon_container a .close_btn
{
    margin-left: 20px;
}


.item_container
{
   /* border: 2px solid var(--highlight_color2);*/
    background-color: var(--highlight_color2);
    color: var(--color_shade1);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    overflow: hidden;
   /*margin-left: 5px;*/
   position: absolute;
   top: -12px;
   left: 18px;
}



.category_list_container
{
    position: absolute;
    left: 0;
    top: 64px;
    width: 100%;
    background-color: var(--main_color);
    display: none;
}

.category_list
{
    list-style-type: none;
    position: relative;

}

.category_list:not(:last-child)
{
    border-bottom: 1px solid var(--color_shade3);
}

.category_list a
{
    padding: 10px 20px;
    display: block;
    color: var(--color_shade2);

}


.category_list a:hover, .category_list a:focus
{
    
    color: var(--highlight_color);
    font-weight: bold;


}

.category_submenu
{
    position: absolute;
    top: 0;
    left: 300px;
    width: 300px;
    background-color: var(--main_color);
    z-index: 201;
    display: none;

}

.category_submenu_list
{
    list-style: none;

}


.category_submenu_list:hover, .category_submenu_list:focus
{
    background-color: var(--color_shade3);
    color: var(--main_color);
    
}






/*==========================OTHER STYLES ==========================*/
.main_desc, .service_desc, .categories_container, .product_container,  .product_container
{
    padding: 20px 50px;
}



/*
.main_desc, .service_desc, .categories_container, .product_container, .advert_container, .product_container, .nav_bar, .top_bar, .footer_container
{
    border: 1px solid var(--color_shade7);
}
*/

/*==========================PRODUCT SLIDER SECTION ==========================*/
.main_desc
{
    display: flex;
}

.slider_container
{
    flex: 2;
    height: 0;
    position: relative;
    padding-bottom: 33.3%;
    overflow: hidden;
}

.about
{
    flex: 1;
    height: 600px;
    position: relative;
    padding-bottom: 33.3%;
}

.slider_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.slider_inner_container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.advert_container
{
    /*flex-basis: 400px;*/
    flex: 1;
    margin-left: 20px;
    height: 0;
    position: relative;
    padding-bottom: 33.3%;
}

.advert_inner_container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    display: flex;
    flex-direction: column;
}

.advert_content
{
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.advert_content img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advert_content:not(:last-child)
{
    margin-bottom: 20px;
}

.overlay_container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--foreground_color1);
    opacity: .3;
}

.content_container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

.product_title
{
    color: var(--color_shade1);
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.product_desc
{
    color: var(--color_shade1);
    margin-bottom: 20px;
    text-align: center;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}


.advert_content .product_title
{
    font-size: 20px;
    margin-bottom: 10px;
}

.advert_content .close_btn
{
    padding: 8px 16px;
    border: 1px solid var(--color_shade1);
    background: 0 0;
}


.advert_content .close_btn:hover
{
    background-color: var(--highlight_color);
}




/*==========================SERVICE DESCRIPTION SECTION ==========================*/
.service_desc
{
    /*display: flex;*/
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
}

.service_container
{
    flex: 1;
    background-color: var(--color_shade1);
    border: 1px solid var(--color_shade4);
    padding: 20px;
    display: flex;
    align-items: center;
}

/*
.service_container:not(:last-child)
{
    margin-right: 20px;
}*/


.service_icon span
{
    color: var(--highlight_color);
    font-size: 45px;
}

.service_text
{
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

/*=====================================Youtube=================================================*/

.youtube
{
    justify-content: center;
   
}

iframe
{
    width: 100%;
    height: 450px;
}


/*==========================CATEGORY SECTION STYLE ==========================*/
.category_title_container
{
    display: flex;
    margin-bottom: 20px;
}

.line_container
{
    display: flex;
    align-items: center;
    flex: 1;
    padding: 5px 0 0 20px;
}
.line_container .line
{
    width: 100%;
    border: none;
    border-bottom: 1px dashed var(--color_shade5);
    height: 1px;
}

.category_heading
{
    text-transform: uppercase;
}


.category_content_container
{
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
}



.category_box
{
    display: flex;
    background-color: var(--color_shade1);
    border: 1px solid var(--color_shade4);
}

.category_box:hover
{
    background: var(--highlight_color);
}

.category_box:hover .category_desc_heading, .category_box:hover small
{
    color: var(--color_shade1);
}

.category_img
{
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.category_img img
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}

.category_desc
{
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.category_desc_heading
{
    color: var(--color_shade8);
    user-select: none;
}

.category_desc small
{
    color: var(--color_shade8);
    user-select: none;
}



/*==========================FEATURED PRODUCT SECTION ==========================*/

.product_box
{
    background-color: var(--color_shade1);
    /*border: 1px solid var(--color_shade4);*/
    box-shadow: 0 0 5px 1px var(--color_shade4);
}

.product_box:hover .product_img img
{
    transform: scale(1.2,1.2);
    transition: .3s ease-in;
}

.product_content
{
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
}

.product_img_container
{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;

}

.product_img
{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product_img img
{
    
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    transition: .3s ease-in;
}

.product_details
{
    padding: 10px;
}


.product_name
{
    text-align: center;
    font-weight: 600;
}

.product_price
{
    text-align: center;
}

.product_call_to_action
{
    display: flex;
    padding: 10px;
}

.view_details_container, .add_to_cart_container
{
    flex: 1;

}


.view_details_container
{
    margin-right: 5px;

}


.add_to_cart_container
{
    display: flex;
    justify-content: flex-end;
    margin-left: 5px;
}

 .view_details_btn
{
    padding: 2px 8px;
    background: none;
    border: 1px solid var(--highlight_color);
    border-radius: 3px;
    display: flex;
    align-items: center;
    /*border: none;*/
    cursor: pointer;
    white-space: nowrap;
}

.add_to_cart_btn
{
    padding: 2px 8px;
    background: none;
    border: 1px solid var(--highlight_color);
    background-color: var(--highlight_color);
    color: var(--color_shade1);
    border-radius: 3px;
    display: flex;
    align-items: center;
    /*border: none;*/
    cursor: pointer;
    white-space: nowrap;
}

.add_to_cart_btn span
{
    color: var(--color_shade1);        
    margin-right: 5px;
}

.view_details_btn span
{
    color: var(--highlight_color);
    margin-right: 5px;
}

.add_to_cart_btn:hover
{
    opacity: .8;
}

.view_details_btn:hover, .view_details_btn:hover span
{
   
    background-color: var(--highlight_color);
    color: var(--color_shade1);
}


.view_details_btn:focus, .view_details_btn:focus
{
   border: 1px solid var(--main_color_shade3);
   border-radius: 3px;
}



/*==========================ADVERT SECTION ==========================*/
.advert_section
{
    display: flex;
    padding: 20px 50px;
}


.advert_box_container
{
    flex: 1;
    height: 0;
    position: relative;
    padding-bottom: 25%;
}

.advert_box_container:not(:last-child)
{
    margin-right: 20px;
}


.advert_img_box
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    
}

.advert_img_box img
{
    
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    transition: .5s ease-in;
    
}

.advert_overlay_container
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--foreground_color1);
    opacity: .5;
    z-index: 20;
}

.advert_box
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 21;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.advert_box h1
{
    color: var(--color_shade1);
    font-size: 35px;
    margin-bottom: 20px;
}

.advert_box h3
{
    color: var(--color_shade1);
    
}

.advert_box_container:hover .advert_img_box img
{
    transform: scale(1.2,1.2);
    transition: .5s ease-in;
}






/*==========================FOOTER SECTION 1 ==========================*/
.footer_container
{
    padding: 50px 50px 30px 50px;
    background-color: var(--main_color);
    
}

.footer1
{
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
    padding-bottom: 50px;
}

.footer_coloumn h3
{
    color: var(--color_shade1);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer_coloumn p
{
    color: var(--color_shade3);

}

.footer_coloumn .logo_container
{
    margin-bottom: 20px;
}

.get_in_touch p
{
    display: flex;
    align-items: center;

}


.get_in_touch a
{
    color: var(--color_shade3);

}

.get_in_touch p:not(:last-child)
{
    margin-bottom: 10px;
    
}

.get_in_touch p span:first-child
{
    margin-right: 10px;
}

.quick_links a
{
    display: flex;
    width: 100%;
    align-items: center;
    color: var(--color_shade3);
}

.quick_links a:hover span:last-child
{
    opacity: .8;
    text-decoration: underline;
}

.quick_links a:not(:last-child)
{
    
    margin-bottom: 10px;
}

#subscribe
{
    display: flex;
    margin: 20px 0;
}

.social_link_container
{
    display: flex;
}

.social_link_container a
{
    width: 35px;
    height: 35px;
    background-color: var(--highlight_color);
    border: 2px solid var(--highlight_color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color_shade1);
}

.social_link_container a:hover
{
    background-color: var(--highlight_color2);
    border: 2px solid var(--highlight_color2);
    
}

.social_link_container a:focus
{
    border: 2px solid var(--main_color_shade3); 
}

.social_link_container a:not(:last-child)
{
    margin-right: 8px;
}

.social_link_container i
{
    color: var(--color_shade1);
    font-size: 18px;
    border: none;
}


.social_link_container
{
    margin-bottom: 10px;
}


/*==========================FOOTER SECTION 2 ==========================*/
    
.footer2
{
    display: flex;
     border-top: 1px solid var(--main_color_shade);
     padding-top: 20px;
}

.copyright_container
{
    flex: 1;
}

.copyright_container span
{
    color: var(--color_shade4);
}

.payment_method_container
{
    display: flex;
}

.payment_img_container
{
    width: 60px;
    height: 30px;
    overflow: hidden;
    background-color: var(--color_shade1);
}

.payment_img_container:not(:last-child)
{
    margin-right: 10px;
}



.payment_img_container img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}


/*==========================POPUP STYLE ==========================*/




.popup_container
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    z-index: 510;
    display: none;
    padding: 20px;
    
}

.popup_box
{
    background-color: var(--color_shade1);
    box-shadow: 0 0 5px 1px var(--color_shade7);
    flex-basis: 600px;
    overflow: hidden;
}

.popup_head
{
    border-bottom: 1px solid var(--color_shade4);
    padding: 10px 10px 3px 10px;
    display: flex;
}

.popup_logo_container
{
    width: 35px;
}

.popup_logo_container img
{
    width: 100%;
}

.popup_close_container
{
    
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.popup_close_container span
{
    
    cursor: pointer;
}

.popup_close_container span:hover, .popup_close_container span:focus
{
    
    color: var(--highlight_color);
}

.popup_body
{
    padding: 10px;
    max-height: 80vh;
    overflow: auto;
}


.pop_footer
{
    padding: 10px;
}

.buy_btn_container

{
    display: flex;
}

.buy_btn_content
{
    flex: 1;
}

.buy_btn_content:not(:last-child)
{
    margin-right: 10px;
}

.buy_btn_content button
{
    width: 100%;
    
}

.buy_btn_content .open_btn
{
    border: 1px solid var(--main_color);
    background: var(--main_color);
    color: var(--color_shade1);
}

.buy_btn_content .open_btn:hover
{
    opacity: .9;
}

.buy_btn_content .open_btn:focus
{
    border: 1px solid var(--highlight_color);
}

/*==========================PRODUCT DETAILS CONTAINER STYLE ==========================*/
.product_details_container
{
    min-height: 100px;
    padding: 20px 50px;
   
}

.details_inner_content
{
    overflow: auto;
}

.product_details_content
{
    display: flex; 
}

.product_details_img_container
{
   flex: 2;
    
}

.product_details_img_box
{
  overflow: hidden;  
  position: relative;
  height: 0;
  padding-bottom: 60%;
  
}

.product_details_inner_box
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product_details_img_box img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product_details_img_box
{
    flex: 1;
}

.product_img_list
{
    
    overflow-x: auto;
    padding: 10px 0;
}
.product_details_tittle_container
{
    flex: 1;
    margin-left: 20px ;
   /* display: flex;
    align-items: stretch;*/
    height: 0;
    padding-bottom: 52%;
    position: relative;
}

.image_list_scroll_container
{
    display: flex;
    
}

.product_list_box
{
    flex-basis: 150px;
    flex-shrink: 0;
    height: 150px;
    overflow: hidden;
}

.product_list_box img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_list_box:not(:last-child)
{
    margin-right: 10px;
}



.product_details_tittle_content
{
    padding: 10px 20px;
    background-color: var(--color_shade1);
    box-shadow: 0 0 5px 1px var(--color_shade4);
    /*overflow: auto;
    height: 716px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}


.price_qty_container
{
    display: flex;
    border-top: 1px solid var(--color_shade4);
    border-bottom: 1px solid var(--color_shade4);
    padding: 10px 0;
    
}

.product_details_qty_box
{
    display: flex;
   
}

.qty_box
{
    background-color: var(--main_color);
    color: var(--color_shade1);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border: none;

}


.column_item .qty_value
{
    font-size: 16px;
}

.column_item .qty_box
{
    width: 30px;
    height: 30px;
    font-weight: 300;
}

.qty_box.btn
{
    border: 1px solid var(--main_color);
    cursor: pointer;
}

.qty_box.btn:focus
{
    border: 1px solid var(--highlight_color);
}


.qty_box.qty
{
   background-color: var(--highlight_color);
}

.product_details_price_box
{
    flex: 1;
    margin-right: 10px;
}

.product_details_price_box span
{
    font-size: 25px;
}

.product_details_title
{
    margin-bottom: 20px;
    font-size: 30px;
}

.product_details_btn_container
{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 20px 0;
    border-bottom: 1px solid var(--color_shade4);

}

.product_details_btn_container button
{
    width: 100%;

}


.footer_coloumn .product_details_btn_container
{
    border-bottom: none;

}

.product_spec
{
    border-bottom: 1px solid var(--color_shade4);
    padding: 20px 0;
    max-height: 320px;
    overflow: auto;

}


.product_spec h3, .product_details_text h2
{
    padding-bottom: 10px;
   
}


.product_spec ul li
{
    margin-left: 18px;
    color: var(--color_shade8);
}

.product_details_text
{
    padding: 20px 0;
    background-color: var(--color_shade1);
    margin: 20px 0 0 0;
    padding: 10px 20px 20px 20px;
    box-shadow: 0 0 5px 1px var(--color_shade4);
}

.product_details_text p:not(:last-child)
{
    margin-bottom: 20px;
}

.social_container.details 
{
    padding: 20px 0;
}


.social_container.details .social_link_container, .social_container.details h3
{
    justify-content: center;
}

.social_container.details h3
{
    text-align: center;
}


/*========================PRODUCTS SCROLL STYLES===============  */

.related_product_container h2
{
    margin-left: 50px;
}

.product_scroll_container
{
    width: 100%;
    overflow-x: auto;
    display: flex;
}

.product_scroll_content
{
    display: flex;
    padding: 20px 50px;
    overflow: auto;

}

.product_scroll_content .product_box
{
    margin-right: 20px;
    flex-basis: 260px;
    flex-shrink: 0;
}

.product_box.more_product
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_box.more_product a
{
    color: var(--color_shade1);
    display: flex;
    align-items: center;
}


.product_box.more_product a span:first-child
{
    font-size: 16px;
    margin-right: 10px;
}



/*========================CART STYLING===============  */

.columns_container
{
    padding: 20px 50px;
}

.column_heading
{
    display: grid;
    grid-template-columns: 3fr 1fr 2fr 1fr 1fr;
    column-gap: 10px;
    background-color: var(--main_color);
    color: var(--color_shade1);
    padding: 10px;
}

.heading_items:first-child
{
    min-width: 250px;
}

.heading_items h3
{
    text-align: center;
    font-size: 18px;
}

.column_wrapper
{
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 20px;

}

.column_wrap
{
    min-width: 900px;
    
}

.column_inner_container:first-child
{
    overflow: auto;
    min-width: 900px;
}


.column_content
{
    display: grid;
    grid-template-columns: 3fr 1fr 2fr 1fr 1fr;
    column-gap: 10px;
    background-color: var(--color_shade1);
    color: var(--color_shade8);
    padding: 10px;
    margin: 10px 0;
}

.column_item.img_desc
{
    display: flex;
    justify-content: flex-start;
    min-width: 250px;
}

.colum_desc
{
    padding-left: 10px;
    
}


.colum_desc p
{
    text-align: left !important;
    
}


.column_img
{
    flex-basis: 50px;
    flex-shrink: 0;
    height: 50px;
    overflow: hidden;
}

.column_img img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    text-align: center;
}

.column_item 
{
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    min-width: 120px;

}

.heading_items
{
    min-width: 120px;
}

/*
.column_item:nth-child(2), .column_item:nth-child(4),
.heading_items:nth-child(2), .heading_items:nth-child(4)
{
    min-width: 120px;
}
*/
.column_item:nth-child(5), .heading_items:nth-child(5)
{
    min-width: 100px;
}




.column_item p
{
    text-align: center;
}

.product_remove_btn
{
    background-color: var(--highlight_color);
    color: var(--color_shade1);
    border: none;
    padding: 3px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.product_remove_btn span
{
   font-size: 18px; 
   font-weight: bold;
}

.product_remove_btn:focus
{
   border: 2px solid var(--main_color_shade3);
}

.product_remove_btn:hover
{
   background-color: var(--highlight_color2);
}


.coupon_form
{
    display: flex;
}

.coupon_form button
{
    font-size: 16px;
}

.coupon_form input
{
    flex: 1;
}

.summery_container .category_title_container
{
    padding: 20px 0 0 0;
}

.summery_details_container
{
    background-color: var(--color_shade1);
    padding: 15px;
    border: 1px solid var(--color_shade4);
}

.summery_list
{
    display: flex;
    margin-bottom: 10px 0;
    padding-right: 10px;

}

.summery_list p:first-child
{
    flex: 1;
    padding: 10px 0;
    
}

.summery_list.last
{
    border-bottom: 1px solid var(--color_shade4);
    
}

.summery_total
{
    display: flex;
    padding-right: 10px;
}

.summery_total p
{
    font-weight: bold;
}

.summery_total p:first-child
{
    flex: 1;
    padding: 10px 0 15px 0;
}

.summery_details_container .close_btn
{
    width: 100%;
    font-size: 16px;
}


/*============================== CHECK OUT STYLES================================*/

.column_content.checkout
{
    display: flex;
    align-items: center;
}

.checkout .colum_desc
{
    flex: 1;
    padding: 0 20px;
}


.columns_title.order_details
{
    margin-top: 20px;
}

.columns_title.summary
{
    margin: 0;
}
.summery_container
{
    min-width: 300px;
}

.order_details_wrapper
{
    max-width: 700px;
    overflow: auto;
}

.order_details_wrapper .colum_desc
{
    min-width: 150px;
}

.category_title_container.summary
{
    padding: 0;
}


.payment_method
{
    font-weight: bold;
}

.column_content.payment
{
    padding: 20px;
}

.order_details_inner
{
    min-width: 450px;
}
.complete_order_btn
{
    width: 100%;
}


/*=====================================CATEGORY SYTLES=================================================*/

.category_wrapper .product_column_heading
{
    padding: 0 50px;
}

.category_wrapper .category_title_container
{
    margin-bottom: 0;
    margin-top: 20px;
}

.categories_heading
{
    padding: 20px 50px 0 50px;
}





/*=====================================FORM SYTLES=================================================*/


/*==========================RESPONSIVE MEDIA QUERY=============================*/

@media only screen and (max-width: 1339px)
{
    .service_desc
    {
        grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    }

}

@media only screen and (max-width: 1332px)
{
        .product_details_tittle_container
        {
            padding-bottom: 55%;
           
        }

}

@media only screen and (max-width: 1209px)
{
    .column_wrapper
    {
        grid-template-columns: 1fr;
    }

    .column_inner_container:last-child
    {
        max-width: 400px;
    }

    .checkout_wrap
    {
        grid-template-columns: 2fr 1fr;
        width: 500px;
        overflow: auto;
    }
    .cart_wrapper
    {
        
        max-height: 500px;
        overflow: auto;
    }    

    iframe
    {
    height: 350px;
    }


}


@media only screen and (max-width: 1150px)
{
    .product_details_title
    {
        font-size: 25px;
    }

}


@media only screen and (max-width: 1108px)
{
        .product_details_tittle_container
        {
            padding-bottom: 58%;
            
        }

        .category_content_container, .service_desc 
        {
            grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
        }

        .product_details_title_container
        {
            padding-bottom: 58%
        }

}




@media only screen and (max-width: 1121px)
{
    .advert_box h1
    {
        font-size: 24px;
    }

    .advert_box h1
    {
        font-size: 16px;
    }

    .advert_box button
    {
        padding: 8px 12px;

    }


}


@media only screen and (max-width: 1099px)
{
    .service_desc
    {
        grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    }



}

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

    .cart_buy_btn 
    {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 50px;
        background-color: var(--color_shade1);
        z-index: 300;
    }    
     .product_details_content
     {
        flex-direction: column;
     }

     .product_details_tittle_container
     {
        margin-left: 0;
       position: static;
       padding-bottom: 0;
     }

     .product_details_tittle_content
     {
        position: static;
        width: 100%;
     }

    .details_inner_content
    {
        overflow: visible;
    }

    .product_spec
    {
        max-height: initial;
        overflow: visible;
    }

    
}

@media only screen and (max-width: 921px)
{
        .service_desc
    {
        grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    }

    iframe
    {
    height: 300px;
    }


}

@media only screen and (max-width: 900px)
{
    .product_desc
    {
        width: 70%;
    }

}

@media only screen and (max-width: 850px)
{
    .main_desc
    {
        flex-direction: column;
    }

        .advert_inner_container
    {
        
        flex-direction: row;

    }

    .advert_container
    {
        
        margin-left: 0;
        
    }

    

        .slider_container
    {
        
        padding-bottom: 50%;
        margin-bottom: 20px;

    }

    .advert_content:not(:last-child)
    {
        margin-right: 20px;
    }


}



@media only screen and (max-width:759px) 
{
    .category_content_container, .service_desc 
    {
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    }

    .nav_icon_container .close_btn, .nav_icon_container .open_btn
    {
        display: none;
    }

    .btn_responsive
    {
        display: block;
        margin-bottom: 10px;
    }

    iframe
    {
    height: 280px;
    }

    
}

@media only screen and (max-width: 700px)
{
        .search_remove
    {
        border: none;
        padding: 10px;
        background-color: var(--color_shade1);
        color: var(--main_color);
        text-transform: uppercase;
        letter-spacing: 1.2px;
        display: block;
        

    }
    
    .cart_buy_btn
    {
        padding: 10px;
    }

        .main_desc, .service_desc, .categories_container, .product_container,  
        .product_container, .advert_section, .product_details_container, .columns_container
    {
        padding: 10px;
    }


        .product_title
    {
        font-size: 22px;
        
    }

    .product_desc
    {
        font-size: 14px;
        
    }

    .slide .close_btn
    {
        padding: 10px 16px;
    }
    

    .nav_bar
    {
        padding: 0 35px 0 10px;
    }

    .product_list_box
    {
        flex-basis: 100px;
        height: 100px;
    }

    .related_product_container 
    {
        padding: 20px 0 0 0;
    }

    .related_product_container h2
    {
        margin-left: 20px;
    }

    .product_scroll_content
    {
        padding: 20px;
    }

    .category_heading
    {
        padding: 20px 20px 0 20px;
    }

    .category_wrapper .product_column_heading
    {
        padding: 0 20px;
    }

    .advert_section 
    {
        flex-direction: column;
    }


    .advert_box_container:not(:last-child)
    {
        margin-right: 0;
    }
    .advert_box_container:last-child 
    {
        margin-top: 20px;
    }
    .advert_box_container 
    {
        padding-bottom: 45%;
    }

    .contact_container 
    {
        flex: 1;
        justify-content: flex-end;
    }

    .top_bar
    {
        padding: 10px;
    }

    .category_list_container 
    {
        top: 60px!important;
    }


    .search_container 
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px 0;
        background: var(--color_shade2);
        display: none;
    }

    .nav_icon_container .search_icon 
    {
        display: block;
    }



}

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

        iframe
        {
        height: 240px;
        }

        .checkout_wrap
    {
        grid-template-columns: 1fr;
        width: 350px;
        overflow: auto;
    }
        .footer_coloumn .logo_container
        {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .footer_coloumn .logo_container a
        {
            
            flex-basis: 80px;
        }

        .first_footer_p
        {
            text-align: center;
        }

        .column_wrapper.checkout_wrap 
        {
            grid-template-columns: 1fr;
        }

    }

/*@media only screen and (max-width: 650px)
    {
        .advert_section
        {
            flex-direction: column;
        }

        .advert_box_container:not(:last-child)

        {
            margin-right: 0;
        }

        .advert_box_container:last-child

        {
            margin-top: 20px;
        }

        .advert_box_container
        {
            padding-bottom: 45%;
        }


    }
*/

@media only screen and (max-width: 600px)
{
        .footer2
        {
            flex-direction: column;
            align-items: center;
        }

        .copyright_container
        {
            margin-bottom: 20px;
        }

        .product_call_to_action
        {
            flex-direction: column;
        }

        .product_call_to_action button
        {
            width: 100%;
            justify-content: center;
        }

        .add_to_cart_container
        {
            margin-left: 0;
            margin-top: 10px;
        }

        .view_details_container
        {
            margin-right: 0;
        }

        .product_content
        {
           /* grid-template-columns: repeat(auto-fill, minmax(12, 1fr));*/
           grid-template-columns: repeat(2, 1fr);
           grid-gap: 10px;

        }

        .product_list_box 
        {
            flex-basis: 50px;
            height: 50px;
        }


        .product_details_image_box 
        {
            padding-bottom: 80%;
        }


}


@media only screen and (max-width:590px) 
{
    .category_content_container, .service_desc 
    {
    grid-template-columns: 1fr;
    }
    
}



@media only screen and (max-width: 540px)
{
    .advert_inner_container
    {
        
        flex-direction: column;

    }

    .reg_log_link 
    {
        display: none!important;
    }


    .category_menu_container .category_dropdown, .category_content span:last-child
    {
        display: none;
    }

        .category_menu_container
    {
        
        flex-basis: 0;
        position: static;

    }

    .category_submenu
    {
        position: relative;
        width: 100%;
        background-color: var(--color_shade2);
        left: 0;
        

    }

    
    .nav_icon_container 
    {
        padding: 12px 0 12px 20px;
    }

    .product_name
    {
        font-size: 14px;
    }

    .advert_container
    {
        padding-bottom: 100%;
    }

        .category_list_container 
    {
        top: 55px!important;
    }


    .sign_login_container
    {
        display: flex;
        padding: 10px;
    }
    

    .category_menu_container
    {
        flex-basis: 0px;
        position: static;
    }

    .advert_container 
    {
        padding-bottom: 100%;
    }

    iframe
        {
        height: 200px;
        }


}



@media only screen and (max-width: 425px)
{
        .summery_container
    {
        min-width: 0;
    }

     .advert_box_container
    {
        padding-bottom: 55%;
    }
    .product_title
    {
        font-size: 20px;
        margin-bottom: 10px
        
    }

    .youtube h1
    {
        font-size: 19px;
    }

    iframe
        {
        height: 150px;
        }
    



    .product_desc
    {
        font-size: 12px;
        
    }

    .slide .close_btn
    {
        padding: 8px 12px;
    }

    .slider_container
    {
        
        padding-bottom: 60%;

    }


    .product_list_box
    {
        flex-basis: 80px;
        height: 80px;
    }

}


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

    .youtube h1
    {
        font-size: 16px;
    }

    iframe
        {
        height: 120px;
        }

}