@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--black-color: #000000;
    --white-color: #ffffff;
	--offwhite-color: #d6d6d6;
	--second-color: #e62844;
	--first-color: #2F3192;
    --div-color-one: #d9d9ff;
    --div-color-two: #ffd8e5;
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
    html,body {
        overflow-x: hidden;
    }
}

body {
	font-family: "Kanit", sans-serif !important;
}

ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
a {
    text-decoration: none;
    font-size: 18px;
}

p {
	font-weight: 400;
    font-size: 18px;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid var(--first-color);
}

#popup_offer {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1500;
    background-color: transparent;
    height: 100%;
    backdrop-filter: blur(20px);
    padding-top: 10px;
    display: none;
}
#offer_popup {
    background-color: var(--div-color-one);
    padding: 50px 20px;
    border-radius: 10px;
    overflow-y: scroll;
    height: 650px;
}
#offer_popup img {
    width: 200px;
}
#popup_offer h5 {
    font-size: 30px;
    font-weight: 600;
}
#popup_offer h2 {
    font-size: 100px;
    font-weight: 700;
    color: var(--red-color);
}
#popup_offer p {
    font-size: 20px;
}
#popup_offer .btn {
    width: 100%;
}
#popup_offer i {
    font-size: 30px;
    cursor: pointer;
}
#popup_offer .popup_nothanks {
    cursor: pointer;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #offer_popup {
        padding: 20px;
    }
    #offer_popup img {
        width: 130px;
    }
    #popup_offer h2 {
        font-size: 100px;
    }
}


/* Top bar */
#top_nav {
    padding: 8px 100px;
    background-color: var(--second-color);
}
#top_nav a {
	font-size: 17px;
    font-weight: 500;
	color: var(--white-color);
}
.top_nav_social_icon .top_social_media li {
	display: inline-block;
	padding-right: 15px;
}
.top_nav_social_icon .top_social_media li a {
    color: var(--white-color);
}
.top_nav_social_icon .top_social_media li a i {
	font-size: 18px;
}
.top_nav_social_icon .top_social_media li a i:hover {
	color: var(--offwhite-color);
}


/* Main Navbar */
.navbar {
    position: sticky;
    top: 0px;
    background-color: transparent;
    z-index: 999;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar_icons_item {
    flex-direction: row;
}
.navbar img {
    height: auto;
    width: 100px;
}
.navbar .navbar-nav {
    background-color: var(--first-color);
    padding: 15px 10px;
    border-radius: 10px;
}
.navbar-nav .nav-item {
    padding: 0 5px;
}
.nav-link {
	color: var(--white-color);
	font-weight: 500;
	font-size: 18px;
}
.nav-link:hover {
	color: var(--offwhite-color) !important;
}
.navbar-nav .nav-link.active {
	color: var(--white-color);
}
.appointment_btn {
    background-color: var(--white-color);
    margin-left: 20px;
    border-radius: 5px;
    color: var(--first-color);
}
.appointment_btn:hover {
    color: var(--second-color) !important;
}


@media only screen and (min-width: 300px) and (max-width: 500px) {
	#top_nav {
		padding: 8px 0;
	}
	#top_nav .justify-content-between {
		justify-content: center !important;
	}
	.top_nav_social_icon {
		display: none;
	}
	.navbar {
		margin-left: 5px;
		margin-right: 5px;
		top: 5px;
        background-color: var(--white-color) !important;
	}
	.navbar img {
		height: auto;
		width: 80px;
	}
    .navbar .navbar-nav {
        background-color: transparent !important;
    }
	.navbar-toggler {
		background-color: var(--white-color);
	}
	.offcanvas {
		background-color: var(--black-color);
		overflow: scroll;
	}
    .top_nav_text_menue .top_mail_id {
        display: none;
    }
	.offcanvas .navbar-nav {
		padding: 20px;
	}
    .appointment_btn {
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }
}
@media only screen and (min-width: 501px) and (max-width: 799px) {
    .navbar {
        background-color: var(--white-color);
    }
    .appointment_btn {
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }
    #top_nav .justify-content-between {
		justify-content: center !important;
	}
    .navbar .navbar-nav {
        background-color: transparent !important;
    }
	#top_nav {
		padding: 8px 10px;
	}
    .top_nav_social_icon {
		display: none;
	}
    .navbar img {
		height: auto;
		width: 100px;
	}
	.navbar-toggler {
		background-color: var(--white-color);
	}
	.offcanvas {
		background-color: var(--black-color);
		overflow: scroll;
	}
	.offcanvas .navbar-nav {
		padding: 20px;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1230px) {
	.nav-link {
		font-size: 15px;
	}
}

/* Sidebar Icon */
#sidebar_icon {
    background-color: var(--first-color);
    position: fixed;
    right: 0;
    top: 200px;
    padding: 0px 8px;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 900;
}
#sidebar_icon hr {
    color: var(--white-color);
}
#sidebar_icon sup {
    color: var(--red-color);
    padding: 2px;
    border-radius: 50%;
}
#sidebar_icon ul li {
    margin: 15px 0;
}
#sidebar_icon ul li a {
    color: var(--white-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #sidebar_icon {
        display: none;
    }
}
.search_form {
    position: fixed;
    width: 350px;
    right: 0;
    top: 0px;
    z-index: 999;
    background-color: var(--div-color-one);
    height: 100%;
    display: none;
    padding: 15px;
}
.search_form img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}
.search_form .fa-times {
    color: var(--black-color);
}
.search_form h5 {
    color: var(--red-color);
    font-weight: 600;
}
.search_form p {
    color: var(--black-color);
}
#search_cross {
    font-size: 25px;
    cursor: pointer;
}
.search_form_hide {
    display: block !important;
}

#breadcrumb p a {
    color: var(--first-color);
}


/* Home Page */
#home_first_section {
    padding: 50px 0;
    background: linear-gradient(rgba(255, 255, 242, 0.5), rgba(255, 255, 242, 0.5)),url("../img/bg-sd-tarot-pd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#home_first_section h1 {
    color: var(--second-color);
    margin-bottom: 20px;
}
#home_first_section img {
    width: 100%;
}
#home_first_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#home_first_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}

#home_second_section {
    padding: 50px 0;
    background: linear-gradient(rgba(255, 255, 242, 0.5), rgba(255, 255, 242, 0.5)),url("../img/Graphic-tarot.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#home_second_section h2 {
    color: var(--second-color);
    margin-bottom: 20px;
    font-size: 60px;
    margin-bottom: 40px;
}
#home_second_section h3 {
    color: var(--first-color);
    margin-bottom: 20px;
    font-size: 50px;
}
#home_second_section img {
    width: 100%;
    animation: roundAnimation linear 10s infinite;
}
#home_second_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#home_second_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#home_offer {
    padding: 50px 0;
}
#home_offer h3 {
    font-size: 40px;
    margin-top: 30px;
}
#home_offer h3 span {
    font-size: 60px;
    font-weight: 600;
    color: var(--second-color);
}
#home_offer_image img {
    width: 100%;
}

#home_third_section {
    padding: 50px 0;
    background: linear-gradient(rgba(255, 255, 242, 0.5), rgba(255, 255, 242, 0.5)),url("../img/bg-sd-tarot-pd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#home_third_section h3 {
    color: var(--second-color);
    font-size: 40px;
}
#home_third_section img {
    width: 100%;
    border-radius: 10px;
}
#home_third_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#home_third_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}

#home_forth_section {
    padding: 50px 0;
}
#home_forth_section h3 {
    color: var(--second-color);
    font-size: 40px;
    text-decoration: underline;
}
#home_forth_section img {
    width: 100%;
    margin-top: 20px;
}
#home_forth_section ul li {
    padding: 10px 0;
}
#home_forth_section ul li a {
    color: var(--second-color);
}
#home_forth_section #home_forth_box .card a i {
    color: var(--second-color);
}
#home_forth_section #home_forth_box .card a h5 {
    color: var(--first-color);
}
#home_products {
    padding: 50px 0;
}
#home_products h3 {
    color: var(--second-color);
    font-size: 40px;
    margin-bottom: 20px;
}
#home_fifth_section {
    padding: 50px 0;
    background: linear-gradient(rgba(255, 255, 242, 0.5), rgba(255, 255, 242, 0.5)),url("../img/Graphic-tarot.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#home_fifth_section img {
    width: 100%;
    animation: upDownAnimation linear 3s infinite;
}
#home_fifth_section h3 {
    font-size: 40px;
    color: var(--second-color);
    margin-bottom: 20px;
}
#home_fifth_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#home_fifth_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#home_sixth_section {
    padding: 50px 0;
}
#home_sixth_section img {
    width: 100%;
}
#home_seven_section {
    padding: 50px 0;
    background: linear-gradient(rgba(255, 255, 242, 0.5), rgba(255, 255, 242, 0.5)),url("../img/bg-sd-tarot-pd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#home_seven_section img {
    width: 130px;
}
#home_eight_section {
    padding: 50px 0;
}
#home_eight_section h3 {
    font-size: 40px;
    color: var(--second-color);
    margin-bottom: 20px;
}
#home_eight_section img {
    width: 100px;
}
#home_ninth_section {
    padding: 50px 0;
}
#home_ninth_section h3 {
    font-size: 40px;
    color: var(--second-color);
    margin-bottom: 20px;
}
#home_ninth_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#home_ninth_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
@keyframes roundAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes upDownAnimation {
    0% {
        transform: translateY(20px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(20px);
    }
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
   #home_first_section {
    padding: 30px 0;
   } 
   #home_first_section img {
    margin-top: 20px;
   }
   #home_second_section {
    padding: 30px 0;
   } 
   #home_second_section h2 {
    font-size: 40px;
   }
   #home_third_section {
    padding: 30px 0;
   } 
   #home_second_section h3 {
    font-size: 30px;
   }
   #home_forth_section {
    padding: 30px 0;
   }
   #home_products #product_div {
    margin-bottom: 20px;
   }
   #home_third_section h3 {
    font-size: 30px;
   }
   #home_offer h3 {
    font-size: 30px;
   } 
   #home_offer h3 span {
    font-size: 40px;
   } 
   #home_products {
    padding: 30px 0;
   } 
   #home_fifth_section {
    padding: 30px 0;
   } 
   #home_forth_section h3 {
    font-size: 30px;
   }
   #home_fifth_section h3 {
    font-size: 30px;
    margin-top: 20px;
   }
   #home_sixth_section {
    padding: 30px 0;
   } 
   #home_seven_section {
    padding: 30px 0;
   } 
   #home_eight_section {
    padding: 30px 0;
   } 
   #home_eight_section h3 {
    font-size: 30px;
    margin-top: 20px;
   }
   #home_ninth_section {
    padding: 30px 0;
   }
   #home_ninth_section .card {
    margin-top: 20px;
   }
}

/* Home Page */


/* Liton Page */
#liton_first_section {
    padding: 50px 0;
}
#liton_first_section h4 {
    font-size: 30px;
    font-weight: 600;
}

#liton_second_section {
    padding: 50px 0;
}
#liton_second_section h5 {
    font-size: 23px;
    font-weight: 600;
}
#liton_second_section h4 {
    font-weight: 600;
}
#liton_second_section h2 {
    font-size: 50px;
    color: var(--red-color);
    font-weight: 600;
}
#liton_second_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#liton_third_section {
    background-color: var(--div-color-one);
    border-radius: 10px;
    padding: 50px;
}
#liton_third_section h4 {
    color: var(--black-color);
    font-size: 23px;
    font-weight: 600;
}
#liton_third_section p {
    color: var(--black-color);
}
#liton_forth_section {
    padding: 50px 0;
}
#liton_forth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#liton_forth_section h4 {
    color: var(--black-color);
    font-size: 23px;
    font-weight: 600;
}
#liton_fifth_section {
    padding: 50px;
    background-color: var(--div-color-two);
    border-radius: 10px;
}
#liton_sixth_section {
    padding: 50px 0;
}
#liton_sixth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#liton_seventh_section {
    padding: 50px;
    background-color: var(--div-color-one);
    border-radius: 10px;
}
#liton_eighth_section {
    padding: 50px 0;
}
#liton_eighth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#liton_nineth_section {
    padding: 50px;
    background-color: var(--offwhite-color);
    border-radius: 10px;
}
#liton_tenth_section {
    padding: 50px 0;
}
#liton_tenth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#liton_eleven_section {
    padding: 50px;
    background-color: var(--div-color-one);
    border-radius: 10px;
}
#liton_twelve_section {
    padding: 50px 0;
}
#liton_twelve_section img {
    width: 100%;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #liton_first_section {
        padding: 30px 0;
    }
    #liton_second_section {
        padding: 30px 0;
    }
    #liton_third_section {
        padding: 30px;
    }
    #liton_forth_section {
        padding: 30px 0;
    }
    #liton_fifth_section {
        padding: 30px;
    }
    #liton_sixth_section {
        padding: 30px 0;
    }
    #liton_seventh_section {
        padding: 30px;
    }
    #liton_eighth_section {
        padding: 30px 0;
    }
    #liton_nineth_section {
        padding: 30px;
    }
    #liton_tenth_section {
        padding: 30px 0;
    }
    #liton_eleven_section {
        padding: 30px;
    }
    #liton_twelve_section {
        padding: 30px 0;
    }
}
/* Liton Page */


/* Products */
#product_section {
    padding: 50px 0;
}
#product_div {
    padding-bottom: 25px;
}
#product_div .card {
    padding: 10px;
}
#product_div h5 {
    margin-top: 10px;
}
#product_div .card a {
    color: #2F3192;
}
#product_div .card .price {
    color: var(--second-color);
}
#product_div .card .btn {
    background-color: var(--second-color);
    color: var(--white-color);
}
#product_div .card .regular_price {
    text-decoration: line-through;
    font-size: 18px;
}
.product_result {
    margin-top: 20px;
}
#filtering_options {
    position: sticky;
    top: 120px;
}
.filter_search {
    background-color: var(--div-color-two);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.filter_by_price {
    background-color: var(--div-color-one);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.filter_category {
    background-color: var(--div-color-one);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.filter_category a {
    color: var(--black-color);
}
.filter_category ul li {
    padding: 10px 0;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #filtering_options .filter_by_price, .filter_category {
        display: none;
    }
    #product_section {
        padding: 30px 0;
    }
    #product_div {
        padding-bottom: 20px !important;
    }
}
/* Products */


/* Menu Single */
#product_single_page {
    padding: 60px 0;
}
#single_food_show h2 {
    font-size: 60px;
    font-weight: 600;
}
.signle_product_price {
    color: var(--second-color);
}
.signle_product_price span {
    font-size: 20px;
    text-decoration: line-through;
    color: var(--black-color);
}
#single_food_show img {
    width: 100%;
    border-radius: 10px;
}
#single_food_show a {
    color: var(--first-color);
}
#single_food_show .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#single_food_show .btn:hover {
    background-color: var(--second-color);
}
.buy_now_btn {
    width: 100%;
}
.reviewer_img {
    width: 70px;
    height: 70px;
}
#single_description_review h3 {
    font-weight: 600;
}
#single_description_review hr {
    color: var(--black-color);
}
#single_description_review .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#single_description_review .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#same_products_img img {
    width: auto;
    height: 100px;
}
#signle_related_product {
    padding-top: 60px;
}
#signle_related_product h2 {
    font-size: 40px;
    font-weight: 600;
}
#signle_related_product h5 {
    font-weight: 600;
    font-size: 25px;
    color: var(--first-color);
}
#signle_related_product p {
    color: var(--black-color);
}
#signle_related_product hr {
    color: var(--black-color);
}
#signle_related_product .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#signle_related_product .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#single_description_review .nav-tabs button {
    background-color: var(--div-color-one);
    color: var(--black-color);
    margin: 0 2px;
}
#single_description_review .nav-tabs:hover button {
    color: var(--black-color);
}
#single_description_review .nav-tabs .nav-link.active {
    background-color: var(--first-color);
    border-color: transparent;
    color: var(--white-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #product_single_page {
        padding: 30px 0;
    }
    #single_food_show h2 {
        font-size: 40px;
    }
    #single_food_show img {
        margin-bottom: 30px;
    }
    #signle_related_product h2 {
        font-size: 30px;
    }
    #signle_related_product {
        padding-top: 30px;
    }
    .buy_now_btn {
        margin-top: 10px;
    }
}
/* Menu Single */


/* About Us */
#about_first_section {
    padding: 50px 0;
}
#about_second_section {
    padding: 50px 0;
}
#about_second_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
} 
#about_third_section {
    padding: 50px;
    background-color: var(--div-color-one);
    border-radius: 10px;
}
#about_forth_section {
    padding: 50px 0;
}
#about_forth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#about_fifth_section {
    padding: 50px;
    background-color: var(--div-color-two);
    border-radius: 10px;
}
#about_sixth_section {
    padding: 50px 0;
}
#about_seventh_section {
    padding: 50px;
    background-color: var(--offwhite-color);
    border-radius: 10px;
}
#about_eighth_section {
    padding: 50px 0;
}
#about_eighth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#about_ningth_section {
    padding: 50px;
    background-color: var(--div-color-one);
    border-radius: 10px;
}
#about_tenth_section {
    padding: 50px 0;
}
#about_tenth_section img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#about_eleven_section {
    padding: 50px;
    background-color: var(--div-color-one);
    border-radius: 10px;
}
#about_twelve_section {
    padding: 50px 0;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #about_first_section {
        padding: 30px 0;
    }
    #about_second_section {
        padding: 30px 0;
    }
    #about_third_section {
        padding: 30px;
    }
    #about_forth_section {
        padding: 30px 0;
    }
    #about_fifth_section {
        padding: 30px;
    }
    #about_sixth_section {
        padding: 30px 0;
    }
    #about_seventh_section {
        padding: 30px;
    }
    #about_eighth_section {
        padding: 30px 0;
    }
    #about_ningth_section {
        padding: 30px;
    }
    #about_tenth_section {
        padding: 30px 0;
    }
    #about_eleven_section {
        padding: 30px;
    }
    #about_twelve_section {
        padding: 30px 0;
    } 
}
/* About Us */


/* Contact Us Page */

/* Form */
#contact_first_section {
    padding: 40px 0;
}
#contact_first_section h2 {
    font-size: 60px;
}
#contact_first_section ul li {
    margin: 10px 0;
}
#contact_first_section button {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#contact_first_section button:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#contact_first_section .contact_form_side {
    background-color: var(--white-color);
    padding: 20px;
    border-radius: 10px;
}
/* Form */

/* contact second */
#contact_second {
    padding: 60px 0;
}
#contact_second img {
    width: 100%;
    border-radius: 10px;
}
#contact_second h2 {
    font-size: 60px;
}
#contact_second .btn {
    background-color: var(--second-color);
    color: var(--white-color);
    border-radius: 30px;
}
#contact_second .btn:hover {
    background-color: var(--first-color);
}
/* contact second */

@media only screen and (min-width: 300px) and (max-width: 500px) {
    #contact_first_section {
        padding: 30px 0;
    }
    #contact_second {
        padding: 30px 0;
    }
    #contact_second img {
        margin-bottom: 20px;
    }
    #contact_first_section h2 {
        font-size: 40px;
    }
    .contact_form_side {
        margin-top: 20px;
    }
    #contact_second h2 {
        font-size: 40px;
    }
}

/* Contact Us Page */


/* FAQ */
#faq_page {
    padding: 60px 0;
}
#faq_page h2 {
    font-size: 60px;
    font-weight: 600;
}
.faq_form_box {
    background-color: var(--div-color-one);
    padding: 20px;
    border-radius: 10px;
}
.faq_form_box .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    margin-top: 30px;
}
.faq_form_box .btn:hover {
    background-color: var(--red-color);
    color: var(--white-color);
}
.accordion-button:focus {
    box-shadow: none;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #faq_page {
        padding: 30px 0;
    }
    #faq_page h2 {
        font-size: 40px;
    }
    .faq_form_box {
        margin-top: 30px;
    }
}
/* FAQ */


/* Video */
#video_page {
    padding: 60px 0;
}
#video_page iframe {
    border-radius: 5px;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
   #video_page {
        padding: 30px 0;
   } 
}
/* Video */


/* Gallery */
#gallery_page {
    padding: 60px 0;
}
#gallery_page img {
    width: 100%;
    height: 400px;
}
#gallery_page .nav-tabs button {
    background-color: #e62844;
    color: var(--white-color);
    margin: 0 2px;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
   #gallery_page {
        padding: 30px 0;
   } 
   #gallery_page .nav-tabs button 
   {
    margin: 2px;
   }
}
/* Gallery */


/* Cart */
#cart_is_empty {
    padding: 60px 0;
}
#cart_is_empty h5 {
    background-color: var(--rating-color);
    color: var(--first-color);
    padding: 20px;
    border-radius: 5px;
    border-top: 4px solid var(--black-color);
}
#cart_is_empty .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#cart_is_empty .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}

#cart_on_product {
    padding: 60px 0;
}
#cart_on_product .coupon_btn {
    border-radius: 0px !important;
    border: none;
}
#cart_on_product .btn {
    background-color: var(--second-color);
    color: var(--white-color);
    border-radius: 30px;
}
#cart_on_product .btn:hover {
    background-color: var(--first-color);
    color: var(--white-color);
}
#cart_on_product tr th a i {
    color: var(--second-color);
}
#cart_on_product .cart_img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}
#cart_on_product .cart_product_count input {
    width: 10px;
}
#cart_on_product .cart_product_count .btn {
    border-radius: 0 !important;
    border: none;
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
    #cart_is_empty {
        padding: 30px 0;
    }
    #cart_on_product {
        padding: 30px 0;
    }
    #cart_on_product .input-group {
        flex-wrap: nowrap;
    }
    #cart_on_product .cart_product_count input {
        width: 50px;
    }
    #cart_on_product .cart_food_name {
        width: max-content;
    }
    #cart_on_product .update_cart_text {
        margin-top: 40px;
    }
    #cart_on_product {
        padding: 30px 0;
    }
}
/* Cart */


/* Favourite */
#favourite_is_empty {
    padding: 60px 0;
}
#favourite_is_empty h5 {
    background-color: var(--rating-color);
    color: var(--first-color);
    padding: 20px;
    border-radius: 5px;
    border-top: 4px solid var(--black-color);
}
#favourite_is_empty .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#favourite_is_empty .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}

#favourite_on_product {
    padding: 60px 0;
}
#favourite_on_product .coupon_btn {
    border-radius: 0px !important;
    border: none;
}
#favourite_on_product .btn {
    background-color: var(--second-color);
    color: var(--white-color);
    border-radius: 30px;
}
#favourite_on_product .btn:hover {
    background-color: var(--first-color);
    color: var(--white-color);
}
#favourite_on_product tr th a i {
    color: var(--second-color);
}
#favourite_on_product .cart_img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}
#favourite_on_product .cart_product_count input {
    width: 10px;
}
#favourite_on_product .cart_product_count .btn {
    border-radius: 0 !important;
    border: none;
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
    #favourite_is_empty {
        padding: 30px 0;
    }
    #favourite_on_product {
        padding: 30px 0;
    }
    #favourite_on_product .input-group {
        flex-wrap: nowrap;
    }
    #favourite_on_product .cart_product_count input {
        width: 50px;
    }
    #favourite_on_product .cart_food_name {
        width: max-content;
    }
    #favourite_on_product .update_cart_text {
        margin-top: 40px;
    }
    #favourite_on_product {
        padding: 30px 0;
    }
}
/* Favourite */


/* Appointment */
#appointment_form {
    padding: 60px 0;
}
#appointment_form .btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
#appointment_form .btn:hover {
    background-color: var(--second-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #appointment_form {
        padding: 30px 0;
    }
}
/* Appointment */


/* Account */
#account_page {
    padding: 60px 0;
}
.logout_btn {
    background-color: var(--first-color);
    color: var(--white-color);
}
.logout_btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#account_page .nav-pills .nav-link {
    color: var(--first-color);
}
#account_page .nav-pills .nav-link:hover {
    color: var(--second-color) !important;
}
#account_page .nav-pills .nav-link.active {
    background-color: var(--first-color);
    color: var(--white-color);
}
.saveChangeBtn {
    background-color: var(--first-color);
    color: var(--white-color);
}
.saveChangeBtn:hover {
    background-color: var(--red-color);
    color: var(--white-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #account_page {
        padding: 30px 0;
    }
}
/* Account */


/* Checkout Page */
#checkout_page {
    padding: 60px 0;
}
#checkout_page .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#checkout_page .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#checkout_page .accordion-button {
    background-color: var(--light-red-color);
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}
#checkout_page .accordion-button:focus {
    box-shadow: none;
}
#checkout_page .accordion-button:not(.collapsed) {
    color: var(--first-color);
}
#checkout-button-addon2 {
    border-radius: 0 !important;
    border: none;
}
.checkout_online_payment_icon li {
    display: inline-block;
}
.checkout_online_payment_icon li img {
    width: 80px;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #checkout_page {
        padding: 30px 0;
    }
    .checkout_online_payment_icon li img {
        width: 60px;
    }
}
/* Checkout Page */


/* Blog */
#blog_page {
    padding: 50px 0;
}
#blog_side .card h4 {
    color: var(--second-color);
}
#blog_side .card h4:hover {
    color: var(--first-color);
}
#blog_side .card p {
    color: var(--black-color);
}
#blog_side .card small {
    color: var(--black-color);
}

#blog_page .blog_right_search {
    background-color: var(--div-color-one);
    padding: 15px;
    border-radius: 5px;
}
#blog_page .blog_right_search .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border: none;
}
#blog_page .blog_right_search .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#blog_page .blog_right_category {
    background-color: var(--div-color-two);
    padding: 15px;
    border-radius: 5px;
}
#blog_page .blog_right_category ul li {
    margin: 5px 0;
}
#blog_page .blog_right_category ul li a {
    color: var(--red-color);
}
#blog_page .blog_right_shef {
    margin: 30px 0;
}
#blog_page .blog_right_shef img {
    width: 60%;
    border-radius: 40%;
}
#blog_page .blog_right_tags {
    background-color: var(--div-color-one);
    padding: 15px;
    border-radius: 5px;
}
#blog_page .blog_right_tags ul li {
    display: inline-block;
    background-color: var(--first-color);
    margin: 3px;
    padding: 5px;
    border-radius: 3px;
}
#blog_page .blog_right_tags ul li a {
    color: var(--white-color);
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
    #blog_page {
        padding: 30px 0;
    }
    .blog_right_side {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 501px) and (max-width: 900px) {
    #blog_page {
        padding: 30px 0;
    }
}
/* Blog */


/* Single Blog */
#blog_single_page {
    padding: 50px 0;
}
#single_blog_write {
    padding-bottom: 30px;
}
#blog_single_page img {
    width: 100%;
    border-radius: 10px;
}
.single_blog_tags ul li {
    display: inline-block;
    background-color: var(--red-color);
    margin: 3px;
    padding: 5px;
    border-radius: 3px;
}
.single_blog_tags ul li a {
    color: var(--white-color);
}
.single_social_icon ul li {
    display: inline-block;
    margin-right: 15px;
}
.single_social_icon ul li:last-child {
    margin-right: 0;
}
.single_social_icon ul li a {
    color: var(--first-color);
    font-size: 20px;
}
.single_social_icon ul li a:hover {
    color: var(--red-color);
}
#comment_form .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border: none;
}
#comment_form .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
    border: none;
}
#comments img {
    width: 50px;
    height: 50px;
}
#visitor_comments {
    border-bottom: 1px solid var(--black-color);
    padding-top: 20px;
}
#related_post_div {
    margin-bottom: 40px;
}
#related_post_div h4 {
    color: var(--second-color);
}
#related_post_div h4:hover {
    color: var(--first-color);
}
#related_post_div p, small {
    color: var(--black-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #blog_single_page {
        padding: 30px 0;
    }
}
/* Single Blog */


/* E-Book Page */
#e-book_section {
    padding: 50px 0;
}
#e-book_second_section {
    padding: 50px 0;
    background-color: var(--div-color-one);
}
#e-book_second_section img {
    border-radius: 5px;
    width: 100%;
    height: 400px;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #e-book_section {
        padding: 30px 0;
    }
    #e-book_second_section {
        padding: 30px 0;
    }
}
/* E-Book Page */


/* Login */
#login_section {
    padding: 60px 0;
}
#login_section h2 {
    font-size: 50px;
}
#login_section a {
    color: var(--first-color);
}
#login_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#login_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #login_section {
        padding: 30px 0;
    }
    #login_section h2 {
        font-size: 40px;
    } 
}
/* Login */


/* Signup */
#signup_section {
    padding: 60px 0;
}
#signup_section h2 {
    font-size: 50px;
}
#signup_section .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#signup_section .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#signup_section a {
    color: var(--first-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #signup_section {
        padding: 30px 0;
    }
}
/* Signup */


/* Forget Password */
#forgetPasswordSection {
    padding: 60px 0;
}
#forgetPasswordSection h2 {
    font-size: 50px;
}
#forgetPasswordSection .btn {
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 30px;
}
#forgetPasswordSection .btn:hover {
    background-color: var(--second-color);
    color: var(--white-color);
}
#forgetPasswordSection a {
    color: var(--first-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #forgetPasswordSection {
        padding: 30px 0;
    }
    #forgetPasswordSection h2 {
        font-size: 40px;
    }
}
/* Forget Password */


/* Subscribe */
#subscribe_form {
    background-color: var(--first-color);
    padding: 40px 0;
}
#subscribe_form .btn {
    background-color: var(--white-color);
}
#subscribe_form .btn:hover {
    background-color: var(--offwhite-color);
}
/* Subscribe */


/* Footer */
footer {
	background-color: var(--black-color);
	padding: 30px 0;
}
footer img {
	width: 120px;
	height: auto;
	margin-bottom: 30px;
}
footer hr {
	margin: 50px 0;
	color: var(--white-color);
}
footer p {
	color: var(--white-color);
}
footer .btn {
	background: var(--first-color);
	color: #ffffff;
	font-weight: 500;
}
footer .btn:hover {
	background: var(--second-color);
	color: var(--white-color);
}
.foooter_top h4 {
    color: var(--white-color);
    margin-bottom: 20px;
}
footer .footer_menu_1 li {
	margin-bottom: 10px;
}
footer .footer_menu_1 li a:hover {
	color: var(--offwhite-color);
}
footer .footer_menu_2 li {
	margin-bottom: 10px;
}
footer .footer_menu_2 li a:hover {
	color: var(--offwhite-color);
}
footer .footer_contact_info li {
	margin-bottom: 10px;
	color: var(--white-color);
}
footer .footer_contact_info li i {
	color: var(--white-color);
}
footer .footer_contact_info li a:hover {
	color: var(--offwhite-color);
}
footer a {
	color: var(--white-color);
}

.footer_bottom {
    background-color: var(--offwhite-color);
    padding: 5px 0;
}
.footer_bottom a {
    color: var(--black-color);
}
.footer_bottom a:hover {
	color: var(--first-color);
}
.footer_social_icon .footer_social_media li {
    display: inline-block;
    margin-left: 10px;
}
.footer_social_icon .footer_social_media li:first-child {
    margin-left: 0px;
}
.footer_social_icon .footer_social_media li a {
    color: var(--white-color);
}
.footer_social_icon .footer_social_media li a:hover {
    color: var(--offwhite-color);
}


@media only screen and (min-width: 300px) and (max-width: 500px) {
	footer .btn {
		margin-bottom: 30px;
	}
	footer .footer_menu_1 {
		margin-bottom: 30px;
	}
	footer .footer_menu_2 {
		margin-bottom: 30px;
	}
    .footer_bottom p {
        padding-bottom: 40px;
    }
}


/* Bottom Bar */
#bottombar_icon {
    background-color: var(--offwhite-color);
    position: fixed;
    width: 100%;
    bottom: 0px;
    padding: 10px 8px;
    text-align: center;
    z-index: 900;
    display: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#bottombar_icon ul {
    display: flex;
    justify-content: space-around;
}
#bottombar_icon ul li a {
    color: var(--first-color);
}
#bottombar_icon sup {
    color: var(--second-color);
    padding: 2px;
    border-radius: 50%;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #bottombar_icon {
        display: block;
    }
}



#btn-back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    z-index: 999;
    background-color: var(--second-color);
}
#btn-back-to-top i {
    color: var(--white-color);
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
    #btn-back-to-top {
        bottom: 60px;
    }
}