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
******************************/
/*********************************
########## Body and some general stuff ############
*********************************/
: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
{
padding-left: 25px;
}
.main_nav_dropdown li
{
margin-right: 30px;
}
.main_nav_dropdown li a
{
font-size: 16px;
}
.char_item
{
padding-left: 25px;
}
.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;
}
.contact_info_item
{
width: 100%;
margin-bottom: 30px;
}
.contact_info_item:last-child
{
margin-bottom: 0px;
}
.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;
}
}
/************
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;
}
.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;
}
.char_col:nth-child(3)
{
margin-bottom: 30px;
}
.char_item
{
padding-left: 36px;
}
.input_field
{
margin-bottom: 30px;
width: 100%;
}
.input_field:last-child
{
margin-bottom: 0px;
}
.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;}
.top_bar
{
display: none;
}
.logo_container, .wishlist_cart
{
height: 72px;
}
.logo a
{
font-size: 24px;
}
.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: 50px;
}
.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;
}
.rating_r i::before
{
font-size: 14px;
}
.contact_form_title
{
font-size: 24px;
}
.input_field
{
height: 40px;
line-height: 40px;
margin-bottom: 24px;
}
.input_field::-webkit-input-placeholder,
.text_field::-webkit-input-placeholder
{
font-size: 13px;
}
.input_field:-moz-placeholder,
.text_field:-moz-placeholder
{
font-size: 13px;
}
.input_field::-moz-placeholder,
.text_field::-moz-placeholder
{
font-size: 13px;
}
.input_field:-ms-input-placeholder,
.text_field:-ms-input-placeholder
{
font-size: 13px;
}
.input_field::input-placeholder,
.text_field::input-placeholder
{
font-size: 13px;
}
.contact_submit_button
{
font-size: 13px;
padding-left: 25px;
padding-right: 25px;
}
.google_map
{
height: 300px;
}
.newsletter_form
{
float: none;
width: 100%;
}
.newsletter_title_container
{
padding-left: 0px;
text-align: center;
}
.newsletter_unsubscribe_link
{
float: none;
text-align: center;
margin-top: 10px;
height: auto;
}
.newsletter_unsubscribe_link a
{
line-height: 1;
}
.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;
}
.hide_mobile {
display: none;
}
}
/************
11. 539px
************/
@media only screen and (max-width: 539px)
{
.hide_mobile {
display: none;
}
}
/************
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;
}
}