/*------------------------------------------------------------------
[Responsive Stylesheet]

Project     : p1-brasalHtml
Version     : 1.0
Author      : Md Ekramul Hassan Avi
Author URI  : https://www.tigertemplate.com
-------------------------------------------------------------------*/

.slicknav_menu {
	display:none;
}

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

	.form-subs .select-icon select {
		background-position-x: calc(100% - 0px);
	}
	.select-icon::before {
		display: none;
	}

}

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

	.common-style .fs75{font-size: 65px;}
	.common-style .fs74{font-size: 64px;}
	.common-style .fs61{font-size: 51px;}
	.common-style .fs50{font-size: 40px;}
	.common-style .fs48{font-size: 44px;}
	.common-style .fs46{font-size: 40px;}
	.common-style .fs45{font-size: 38px;}
	.common-style .fs40{font-size: 36px;}
	.common-style .fs41{font-size: 35px;}
	.common-style .fs37{font-size: 34px;}
	.common-style .fs35{font-size: 32px;}
	.common-style .fs30{font-size: 28px;}
	.common-style .fs27{font-size: 25px;}
	.common-style .fs25{font-size: 22px;}
	.common-style .fs20{font-size: 19px;}
	.common-style .fs19{font-size: 17px;}
	.common-style .fs18{font-size: 16px;}
	.common-style .fs15{font-size: 14px;}
	

	.site-nav > ul > li > a {
		padding: 0 22px;
		font-size: 16px;
	}
	
	.topbar-left .fs15 {
		font-size: 12px;
	}

}

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

	body {
		font-size: 14px;
	}

	.common-style .fs75{font-size: 55px;}
	.common-style .fs74{font-size: 54px;}
	.common-style .fs61{font-size: 41px;}
	.common-style .fs48{font-size: 34px;}
	.common-style .fs46{font-size: 30px;}
	.common-style .fs45{font-size: 28px;}
	.common-style .fs40{font-size: 26px;}
	.common-style .fs41{font-size: 25px;}
	.common-style .fs37{font-size: 24px;}
	.common-style .fs35{font-size: 24px;}
	.common-style .fs30{font-size: 18px;}
	.common-style .fs27{font-size: 15px;}
	.common-style .fs25{font-size: 14px;}
	.common-style .fs20{font-size: 14px;}
	.common-style .fs19{font-size: 14px;}
	.common-style .fs18{font-size: 14px;}

	.site-nav > ul > li > a {
		padding: 0 8px;
	}

	.site-nav > ul > li .submenu {
		width: 100%;
	}

	.blog-box:hover .title {
		transition-delay: 0s;
		bottom: 103px;
	}

	.site-nav > ul > li > a {
		padding: 0 18px;
		font-size: 13px;
	}
	.section3-content {
		background-position: center;
	}
	.footer-menu a {
		font-size: 10px;
	}
	

}

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

	.common-style .fs75{font-size: 45px;}
	.common-style .fs74{font-size: 44px;}
	.common-style .fs61{font-size: 31px;}
	.common-style .fs50{font-size: 28px;}
	.common-style .fs48{font-size: 24px;}
	.common-style .fs46{font-size: 20px;}
	.common-style .fs45{font-size: 18px;}
	.common-style .fs40{font-size: 16px;}
	.common-style .fs41{font-size: 15px;}
	.common-style .fs37{font-size: 14px;}
	.common-style .fs35{font-size: 14px;}
	.common-style .fs30{font-size: 14px;}
	.common-style .fs27{font-size: 14px;}

	/*menus css*/
	#phn-menu {
		display: none !important;
	}
	.slicknav_menu {
		display:block;
	}
	.slicknav_nav {
		color: #000;
	}
	.slicknav_nav .slicknav_arrow {
		background-repeat: no-repeat;
		background-position: top 1px left;
		height: 15px;
		width: 15px;
		display: inline-block;
	}
	.header-main .menu-main {
		top: 0;
	}
	.slicknav_btn {
		float: none;
		display: flex;
		margin: 0;
		width: 100%;
	}
	.slicknav_menutxt{
		text-align: center;
		display: none !important;
	}
	.slicknav_menu {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
		position: relative;
		width: 100%;
		z-index: 999;
	}
	.slicknav_nav .slicknav_row, .slicknav_nav a:hover,.slicknav_nav a.active {
		background-color: #fff !important;
	}
	.slicknav_icon {
		position: relative;
		top: 0;
		bottom: 0;
		right: 0;
		margin: 0 !important;
		width: 100% !important;
	}
	.slicknav_open .slicknav_icon {
		position: fixed;
		top: 33px;
	}
	.slicknav_menutxt {
	  width: 100%;
	}
	.slicknav_btn.slicknav_collapsed {
	  border-radius: 0;
	  background-color: transparent;
	  position: relative;
	}
	.slicknav_menu:before {
	  content: '';
	  position: absolute;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background-color: transparent;
	  width: 100%;
	  z-index: -1;
	}
	.slicknav_menutxt {
	  border-radius: 0;
	}
	.slicknav_btn.slicknav_open {
	  border-radius: 0;
	  background-color: transparent;
	  border-bottom: 0;
	  padding-top: 16px;
	  padding-bottom: 16px;
	  z-index: 99;
	}
	.slicknav_nav .slicknav_row, .slicknav_nav a {
		margin: 0;
		min-height: 51px;
		padding: 15px;
	}
	.slicknav_nav a {
		text-transform: uppercase;
  		font-weight: 700;
	}
	.slicknav_nav li {
		margin: 0 !important;
		border-radius: 0 !important;
		background-color: #fff;
	}
	.slicknav_nav a:hover,.slicknav_nav a.active {
		background-color: transparent;
		color:#000;
		border-radius: 0;
	}
	.slicknav_nav li a {
		padding: 15px;
		color: #000;
	}
	.slicknav_icon-bar {
		background-color: #ffffff !important;
		width: 45px !important;
		margin-bottom: 8px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.slicknav_nav {
		background-color: #fff;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		height: 100%;
		padding-top: 84px;
		z-index: 9;
	}
	.slicknav_btn {
		padding-left: 0;
		padding-right: 0;
		width: 20px !important;
		min-height: 58px !important;
		padding: 0;
	}
	.slicknav_btn.slicknav_open {
	  width: 100px;
	}
	.slicknav_open .slicknav_icon::before {
		content: '\2716';
		position: absolute;
		left: calc(100% - 50px);
		color: #202B5C;
		font-size: 30px;
		top: 5px;
	}
	.slicknav_open .slicknav_icon span {
	  display: none;
	}
	.slicknav_open .slicknav_menutxt {
		position: fixed !important;
		top: 24.5px;
		text-shadow: none;
		color: #2C4EAA;
		left: 15px;
		display: block !important;
		text-align: left;
		background-image: url("../img/logo.svg");
		background-position: left center;
		background-repeat: no-repeat;
		height: 44px;
		font-size: 0;
		background-size: 118px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav ul ul{
		margin: 0 0 0 20px;
	}
	.site-menu a.btn {
		min-width: 200px;
		width: 200px;
	}
	/* icon change */
	.slicknav_menu .slicknav_icon-bar {
		background:transparent url('../img/menu.svg') no-repeat !important;
		border: 0;
		box-shadow: none;
		width: 20px !important;
		height: 58px !important;
		background-size: 20px !important;
		background-position: center !important;
	}
	.slicknav_icon > span:not(:first-child) {
		display: none;
	}
	/*menus css*/

	
	.site-nav {
		height: auto;
	}
	.topbar-left li:not(:first-child){
		margin-left: 15px;
	}

	.submenu::after,.submenu::before {
		display: none;
	}

	.section3-content {
		min-height: 759px;
	}

	.hero-section {
		padding-top: 90px;
	}
	.hero-details h2 {
		line-height: 45px;
	}
	.btn {
		width: auto;
		min-height: 46px;
		width: 174px;
	}
	.section3-content::before,.section3-content::after {
		background-size: 200px;
		height: 200px;
	}
	.section3-content::after {
		bottom: -100px;
	}
	.section3-content::before {
		top: -100px;
	}

	.newsletter .position-absolute {
		position: relative !important;
		margin-top: 10px;
		display: flex;
		justify-content: center;
	}
	.newsletter .btn{
		width: 70%;
	}

	.footer-menu a {
		font-size: 12px;
	}
	
	.footer-menu > li {
		margin-right: 16px;
		margin-bottom: 0;
		padding: 8px 0 !important;
	}
	.footer-menu {
		padding: 8px 0;
		text-align: center;
	}

	/* cart and profile */
	.profile-leftSide {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #707070;
		display: flex;
		align-content: center;
		justify-content: space-between;
		position: relative;
	}
	.profile-menu {
		display: none;
	}
	.profile-nav .border-top {
		border: 0 !important;
	}
	.profile-rightSide {
		width: 100%;
	}
	.profile-mMenu {
		cursor: pointer;
	}
	.profile-menu {
	  display: block;
	  position: absolute;
	  top: calc(100% + 1px);
	  right: 0;
	  background-color: #ddd;
	  padding-top: 0;
	  display: none;
	}
	.profile-menu a {
	  height: 50px;
	}
	/* cart and profile */
	.page-head {
		height: 37vh;
	}
	

}

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

	.common-style .fs75{font-size: 35px;}
	.common-style .fs74{font-size: 30px;}
	.common-style .fs61{font-size: 29px;}
	.common-style .fs50{font-size: 28px;}
	.common-style .fs48{font-size: 28px;}
	.common-style .fs46{font-size: 27px;}
	.common-style .fs45{font-size: 26px;}
	.common-style .fs40{font-size: 25px;}
	.common-style .fs41{font-size: 24px;}

	.section4-slideItem .position-absolute.p-4 {
		padding: 12px !important;
	}

	.section2-slideItem h4, .section2-slideItem h5, .section2-slideItem a {
		padding-left: 16px !important;
	}
	.sidebar {
		scrollbar-width: 10px;          /* "auto" or "thin" */
		scrollbar-color: #821720 #821720;   /* scroll thumb and track */ 
	}
	
	.sidebar::-webkit-scrollbar {
		width: 10px;               /* width of the entire scrollbar */
	}
	  
	.sidebar::-webkit-scrollbar-track {
	background: #821720;        /* color of the tracking area */
	}
	  
	.sidebar::-webkit-scrollbar-thumb {
		background-color: #821720;    /* color of the scroll thumb */
		border-radius: 20px;       /* roundness of the scroll thumb */
		border: 1px solid #821720;  /* creates padding around scroll thumb */
	}
	.submenu .nav-link{
		font-weight: 300;
	}

}

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

	/* cart and profile */
	.profile-leftSide {
		display: block;
	}
	.profile-menu {
		right: auto;
		left: 0;
	}
	.profile-nav {
		padding-left: 25px;
	}
	.common-style .fs121 {
		font-size: 80px;
	}
	.profile-table tr td:first-child {
		padding-left: 0;
	}
	.profile-table th, .profile-table td {
		height: 35px;
	}
	/* cart and profile */

}

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

	.common-style .mfs121{font-size: 121px !important;}
	.common-style .mfs75{font-size: 75px !important;}
	.common-style .mfs74{font-size: 74px !important;}
	.common-style .mfs61{font-size: 61px !important;}
	.common-style .mfs50{font-size: 50px !important;}
	.common-style .mfs48{font-size: 48px !important;}
	.common-style .mfs46{font-size: 46px !important;}
	.common-style .mfs45{font-size: 45px !important;}
	.common-style .mfs40{font-size: 40px !important;}
	.common-style .mfs41{font-size: 41px !important;}
	.common-style .mfs37{font-size: 37px !important;}
	.common-style .mfs35{font-size: 35px !important;}
	.common-style .mfs30{font-size: 30px !important;}
	.common-style .mfs27{font-size: 27px !important;}
	.common-style .mfs25{font-size: 25px !important;}
	.common-style .mfs20{font-size: 20px !important;}
	.common-style .mfs19{font-size: 19px !important;}
	.common-style .mfs18{font-size: 18px !important;}
	.common-style .mfs16{font-size: 16px !important;}
	.common-style .mfs15{font-size: 15px !important;}
	.common-style .mfs14{font-size: 14px !important;}
	.common-style .mfs13{font-size: 13px !important;}
	.common-style .mfs12{font-size: 12px !important;}
	.common-style .mfs10{font-size: 10px !important;}

	.m-bg-none{
		background: unset !important;
	}
	
	.submenu h4 {
		display: inline;
		font-size: 14px;
		font-weight: 700;
	}
	.user-log img.user {
		width: 28px;
	}

	.user-log li:not(:last-child) {
		margin-right: 12px;
	}
	.user-log li:not(:last-child) {
		margin-right: 15px;
	}
	.user-log img {
		width: 22px;
	}
	.topbar-header {
		min-height: 70px;
	}

	.MyPrevButton,.MyNextButton,.arrow-img img{
		display: none;
	}

	.section3-content {
		background-size: contain;
		background-position: top;
	}

	.footer-logo img {
		width: 300px;
	}
	.client-imgs img{
		width: 100px;
	}
	.client-imgs img {
		width: 35px;
	}

	.blog_item,.blog_inner_item,.blog-main .container .Blogs_Point_item:not(:first-child) {
		padding-top: 44px;
	}
	.section-faq .container .faq-item:not(:first-child) {
		padding-top: 0;
	}
	.herro-inner > img {
		min-height: 240px;
	}

	/* popup */
	.modal-header {
		right: -18px;
	}
	/* popup */

	.owl-carousel.owl-drag .owl-item {
		padding: 20px 2px;
		margin: 0 5px!important;
	}
	.section10-carousel.owl-carousel.owl-drag .owl-item {
		padding: 20px 2px;
		margin-right: 30px !important;
		margin-left: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.owl-dots {
		margin-top: 10px !important;
	}
	.contact .big img{
		height: 340px;
	}
	.contact .small img{
		height: 200px;
	}
	.prod {
		box-shadow: unset;
		padding-bottom: 0;
		border-radius: 0;
		/* margin: 0 15px; */
		display: flex;
		justify-content: center;
		flex-direction: column;
		transition: 0.2s;
	}
	.prod div, .prod p {
		padding: 0 0px;
	}
	.prod .btn {
		display: none !important;
	}
	.prod:hover {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.prod1:hover {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.page-head{
		height: auto !important;
	}
	.page-head .page-image img{
		height: 350px !important;
	}
	.wave{
		top: 450px;
		position: absolute !important;
		right: 20px;
	}
	.hero-section {
		padding-top: 0;
	}
	.mt--78{
		margin-top: 30px;
	}
	.prod1 .pro-img img {
		height: auto;
		width: 100%;
	}
	.prod1 .add-cart, .prod .add-cart {
		display: none !important;
	}
	.prod .pro-img img {
		height: auto;
		width: 100%;
	}
	.prod p, .prod1 p {
		font-size: 11px !important;
	}
	.prod1, .prod {
		padding-bottom: 0px;
	}
	.pro-img {
		min-height: unset;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: 20px;
		padding-left: 20px;
	}

	.section5-sliderItem:hover > img {
		box-shadow: unset;
		transform: scale(1);
	}
	.section9-slideItem > img {
		transition: all 0.2s;
	}
	.section9-slideItem:hover > img {
		box-shadow: unset;
		transform: scale(1);
	}
	.section4-content .owl-carousel.section4-carousel .owl-stage-outer{
		margin-bottom: 0px;
	}

	.section4-slideItem > div:hover {
		box-shadow: unset;
		transform: scale(1);
	}
	.section4-slideItem .up {
		bottom: 0px;
	}
	.section4-slideItem:hover .up {
		bottom: 0px;
	}

	.section7-content {
		min-height: 375px;
		width: 100%;
	}
	.blog-box:hover .title {
		transition-delay: 0s;
		bottom: 0px;
	}
	.blog-box:hover .content {
		bottom: 0px;
		opacity: 0;
	}
	.section8-slideItem > div:hover {
		box-shadow: unset;
	}
	.section8-content .owl-dots {
		margin-top: 10px !important;
	}
	.operal img{
		width: 40% !important;
	}
	.operal p{
		font-size: 11px !important;
	}
	
	.section2-slideItem h4, .section2-slideItem h5, .section2-slideItem a {
		padding-left: 0px !important;
	}
	.footer-logo img {
		width: 230px;
		margin: auto;
		display: block;
	}
	.section7-content {
		background-size: cover;
		background-position: 79% center;
	}
	.section2-content .owl-carousel.owl-drag .owl-item {
		padding: 20px 0px;
	}
	body{
		overflow-x: hidden !important;
	}
	.section2-slideItem{
		padding: 0 !important;
	}
	.newsletter input {
		min-height: 40px !important;
		height: 40px !important;
	}
	.newsletter .btn{
		height: 40px;
		padding: 0;
		width: 140px;
		min-height: 40px;
	}
	.carousel-nave {
		display: none !important;
	}
	.form-control.mobile {
		height: 47px !important;
		border-radius: 8px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 13px;
		font-weight: 400;
		background: #fbf6f6 !important;
		box-shadow: none !important;
		text-align: center;
	}
	.select2-container--default .select2-selection--single {
        border: 0px solid #707070;
        height: 47px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 300;
        background: #fbf6f6;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        height: 47px;
        line-height: 45px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
        line-height: 45px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 20px;
        position: absolute;
        top: 0px;
        right: 1px;
        width: 20px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #8D2C34 transparent transparent transparent;
    }
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #8D2C34 transparent;
    }
	.final-form .img-cover img {
		height: 325px;
	}

	.payment-option{
		width: 138px;
		height: 138px;
		border: 1px solid #821720;
		color: #821720;
	}
	.payment-option.active{
		color:#fff;
		background-color: #821720;
		box-shadow: 0px 0px 9px #1c1c1c;
	}
	.payment-option.active svg path{
		fill: #fff
	}
	.single-prod .prod-image img {
		height: 300px;
	}
	.single-prod .s-image img {
		height: 80px;
	}
	.single-prod .s-image {
		width: 90px;
		height: 90px;
	}
	.rating.review li {
		width: 16px;
		height: 16px;
	}
	

}

@media screen and (min-width: 768px) {

	.section8-content .owl-item,.section9-content .owl-item {
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
	}
	.section8-content .owl-item:not(.active),.section9-content .owl-item:not(.active) {
		opacity: 0;
	}
	.blog-main p {
		line-height: 27px;
	}

}

@media screen and (min-width: 1200px) {

	/* popup */
	.modal-xl {
		max-width: 1070px;
	}
	.modal-lg {
		max-width: 680px;
	}
	.modal-sm {
		max-width: 508px;
	}
	/* popup */

}

@media screen and (min-width: 1501px) {

	/* .container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px;
	} */

}