Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/demo.vapecompany.com.bd/public/frontend/styles/ |
Upload File : |
@charset "utf-8";
/* CSS Document */
/******************************
[Table of Contents]
1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px
******************************/
:root {
--colp: #263995;
}
/************
1. 1600px
************/
@media only screen and (max-width: 1600px)
{
}
/************
2. 1440px
************/
@media only screen and (max-width: 1440px)
{
}
/************
3. 1380px
************/
@media only screen and (max-width: 1380px)
{
}
/************
3. 1280px
************/
@media only screen and (max-width: 1280px)
{
}
/************
4. 1199px
************/
@media only screen and (max-width: 1199px)
{
.cat_menu_container
{
width: 211px;
padding-left: 25px;
}
.main_nav_dropdown li
{
margin-right: 30px;
}
.main_nav_dropdown li a
{
font-size: 16px;
}
.char_item
{
padding-left: 25px;
}
.deals_timer_box
{
width: 150px;
}
.deals_timer_unit
{
font-size: 20px;
}
.banner_2_dots
{
left: calc((100% - 960px) / 2 + 15px);
}
.arrivals_single > div
{
padding-left: 24px;
}
.arrivals_single_marks
{
left: 24px;
}
.newsletter_form
{
width: 456px;
}
}
/************
4. 1100px
************/
@media only screen and (max-width: 1100px)
{
}
/************
5. 1024px
************/
@media only screen and (max-width: 1024px)
{
}
/************
6. 991px
************/
@media only screen and (max-width: 991px)
{
.mar-0 {
padding: 0;
}
.top_bar
{
/*display: none;*/
}
.header_search
{
height: 50px;
}
.custom_dropdown
{
text-align: left;
}
.main_nav
{
margin-top: 56px;
}
.main_nav_menu
{
display: none;
}
.logo_container,
.wishlist_cart
{
height: 125px;
}
.main_nav_content
{
background: var(--colp);
}
.menu_trigger_container
{
display: block;
}
.top_bar
{
height: 40px;
}
.top_bar_contact_item
{
font-size: 12px;
margin-right: 20px;
line-height: 40px;
}
.top_bar_contact_item a
{
font-size: 12px;
line-height: 40px;
}
.top_bar_icon
{
margin-right: 4px;
}
.top_bar_icon img
{
width: 70%;
}
.top_bar_menu
{
display: none;
}
.top_bar_user a
{
font-size: 12px;
line-height: 40px;
}
.user_icon
{
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
width: 12px;
}
.cat_menu_container ul
{
visibility: hidden;
opacity: 0;
}
.char_col:not(:last-child):not(:nth-child(3))
{
margin-bottom: 30px;
}
.char_item
{
padding-left: 36px;
}
.deals
{
width: 100%;
margin-right: 0px;
}
.featured
{
width: 100%;
}
.popular_categories_slider_container
{
margin-top: 15px;
}
.banner_2_dots
{
left: calc((100% - 720px) / 2 + 15px);
}
.tabs
{
padding-top: 80px;
}
.tabs.tabs-right ul
{
float: left;
}
.arrivals_single
{
display: none;
}
.advert_col
{
margin-bottom: 30px;
}
.advert_col:last-child
{
margin-bottom: 0px;
}
.trends_slider_container
{
margin-top: 15px;
}
.newsletter_title_container
{
width: 100%;
}
.newsletter_content
{
width: 100%;
margin-top: 30px;
}
.newsletter_form
{
width: calc(100% - 114px);
}
.footer_col:not(:last-child)
{
margin-bottom: 40px;
}
#carouselExampleControls {
margin: 0;
}
}
/************
7. 959px
************/
@media only screen and (max-width: 959px)
{
}
/************
8. 880px
************/
@media only screen and (max-width: 880px)
{
}
/************
9. 768px
************/
@media only screen and (max-width: 768px)
{
.logo img {
height: 72px;
width: 100px;
}
.banner-image {
height: auto;
}
.hide_mobile {
display: none;
}
}
/************
10. 767px
************/
@media only screen and (max-width: 767px)
{
.header_search
{
display: none;
}
.page_menu_search
{
display: block;
}
.main_nav
{
margin-top: 0px;
}
.banner_product_image
{
opacity: 0.5;
width: 60vw;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner_product_image img
{
width: 100%;
}
.char_col:nth-child(3)
{
margin-bottom: 30px;
}
.char_item
{
padding-left: 36px;
}
.banner_2_item
{
height: auto;
padding-top: 85px;
padding-bottom: 105px;
}
.banner_2_content
{
padding-top: 0px;
}
.banner_2_image_container
{
margin-top: 60px;
}
.banner_2_image
{
position: relative;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.banner_2_dots
{
left: calc((100% - 540px) / 2 + 15px);
}
.logo img {
height: 72px;
width: 100px;
}
.hide_mobile {
display: none;
}
.developer-menu {
float: left;
}
}
/************
11. 575px
************/
@media only screen and (max-width: 575px)
{
h2{font-size: 24px;}
p{font-size: 13px;}
.mar-0 {
padding-left: 20px;
padding-right: 20px;
}
.top_bar
{
display: none;
}
.logo_container, .wishlist_cart
{
height: 72px;
margin: 0px;
padding: 0px;
}
.logo p
{
display: none;
}
.hide_mobile {
display: none;
}
.cat_menu_container
{
width: auto;
padding-right: 15px;
}
.cat_menu_text
{
font-size: 13px;
margin-left: 12px;
}
.cat_burger
{
width: 16px;
height: 12px;
}
.cat_burger span:nth-child(2)
{
top: 5px;
}
.cat_burger span:nth-child(3)
{
top: 10px;
}
.menu_trigger_text
{
font-size: 13px;
margin-right: 10px;
}
.wishlist
{
margin-right: 23px;
}
.wishlist_content
{
margin-left: 6px;
}
.wishlist_text
{
display: none;
}
.cart_text
{
display: none;
}
.wishlist_text a,
.cart_text a
{
font-size: 14px;
}
.wishlist_count,
.cart_price
{
font-size: 12px;
}
.wishlist_icon
{
width: 20px;
}
.cart_content
{
margin-left: 18px;
}
.cart_icon
{
width: 17px;
}
.cart_count
{
width: 21px;
height: 21px;
}
.cart_count span
{
line-height: 21px;
}
.top_bar_user
{
margin-left: 0px;
}
.header_search
{
display: none;
}
.main_nav
{
width: 100%;
margin-top: 0px;
}
.main_nav_content
{
height: 35px;
}
.cat_menu_container
{
padding-left: 15px;
}
.menu_trigger_container
{
padding-right: 15px;
}
.cat_menu li
{
height: 36px;
padding-left: 15px;
padding-right: 15px;
}
.cat_menu li a
{
font-size: 13px;
line-height: 36px;
}
.cat_menu li ul
{
left: 50%;
z-index: 10;
}
.page_menu_item > a
{
font-size: 12px;
}
.page_menu_selection li a
{
font-size: 12px;
}
.banner_product_image
{
right: 15px;
}
.button
{
height: 32px;
}
.button a
{
font-size: 12px;
line-height: 32px;
padding-left: 25px;
padding-right: 25px;
}
.banner
{
/*height: calc(100vh - 125px);*/
height: 310px;
padding-top: 0px;
padding-bottom: 0px;
}
.banner_content
{
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.banner_text
{
font-size: 24px;
}
.banner_price
{
font-size: 18px;
margin-top: 23px;
}
.banner_price span::after
{
top: 13px;
}
.banner_product_name
{
font-size: 13px;
}
.banner_button
{
margin-top: 35px;
}
.deals
{
padding-left: 15px;
padding-right: 15px;
}
.deals_title
{
left: 15px;
font-size: 16px;
}
.deals_slider_nav_container
{
right: 5px;
}
.deals_item_name, .deals_item_price
{
font-size: 20px;
}
.deals_item_category a, .deals_item_price_a
{
font-size: 12px;
}
.deals_timer_unit
{
font-size: 16px;
}
.product_panel
{
margin-left: 0px;
margin-right: 0px;
}
.popular_categories_slider_nav
{
display: none;
}
.popular_categories_link
{
margin-top: 23px;
}
.banner_2_item
{
padding-bottom: 85px;
}
.banner_2_dots
{
display: none;
}
.banner_2_title
{
font-size: 24px;
}
.banner_2_text
{
font-size: 13px;
}
.rating_r i::before
{
font-size: 14px;
}
.banner_2_button
{
margin-top: 30px;
}
.tabs ul li
{
font-size: 14px;
margin-right: 30px;
}
.bestsellers_slider
{
padding-bottom: 0px;
}
.newsletter_form
{
float: none;
width: 100%;
}
.newsletter_title_container
{
padding-left: 0px;
text-align: center;
}
.newsletter_title
{
font-size: 16px;
}
.newsletter_icon
{
position: relative;
width: 40px;
top: auto;
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
left: 50%;
margin-bottom: 20px;
}
.newsletter_button
{
position: relative;
top: auto;
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 113px;
height: 40px;
background: var(--colp);
color: #FFFFFF;
line-height: 40px;
font-size: 12px;
border: none;
outline: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
margin-top: 20px;
}
.newsletter_input
{
font-size: 13px;
padding-left: 15px;
height: 40px;
line-height: 40px;
}
.newsletter_input::-webkit-input-placeholder
{
font-size: 13px;
}
.newsletter_input:-moz-placeholder
{
font-size: 13px;
}
.newsletter_input::-moz-placeholder
{
font-size: 13px;
}
.newsletter_input:-ms-input-placeholder
{
font-size: 13px;
}
.newsletter_input::input-placeholder
{
font-size: 13px;
}
.copyright_container
{
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.logos
{
margin-top: 30px;
}
.popular_categories_title
{
font-size: 24px;
}
.tabs.tabs-right .tabs_line
{
margin-top: 52px;
}
.tabs_line span
{
display: none;
}
.advert_content
{
padding-left: 15px;
}
.advert_text
{
font-size: 13px;
}
.advert_image
{
width: 125px;
}
.reviews
{
padding-bottom: 80px;
}
.reviews_all a span
{
display: none;
}
.reviews_dots
{
display: none;
}
.logo img {
height: 72px;
width: 100px;
}
}
/************
11. 539px
************/
@media only screen and (max-width: 539px)
{
.hide_mobile {
display: none;
}
.product-grid .product-image img {
width: 100%;
height: 150px;
}
}
/************
12. 480px
************/
@media only screen and (max-width: 480px)
{
.hide_mobile {
display: none;
}
}
/************
13. 479px
************/
@media only screen and (max-width: 479px)
{
.hide_mobile {
display: none;
}
}
/************
14. 400px
************/
@media only screen and (max-width: 400px)
{
.hide_mobile {
display: none;
}
}