/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#320a17;}
	.navbar .nav-item.has-megamenu:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
	.navbar .dropdown-submenu .dropdown-menu{ padding:0px !important;}
	.navbar .dropdown-submenu:hover>.dropdown-menu{ display:block;}
	.navbar  .dropdown-submenu .dropdown-submenu:hover .dropdown-menu{
		left: 100%;
		margin-top: -50px;
		margin-left: -5px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
		border: 1px solid rgba(0,0,0,.15);
		min-width:240px;
	}
	.navbar .dropdown-submenu .dropdown-submenu:hover .dropdown-menu a{font-size:12px}
	
}	
/* ============ desktop view .end// ============ */

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.Logo img {max-height:110px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.bg-secondary {margin-bottom:20px;} 
.Logo{padding:10px 0px;}

.Sliderpro .Slider .slideshow .isItem {white-space:normal; vertical-align:top; padding:10px 5px;min-height:440px;}
}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {position:absolute; top:45%; right:0px; z-index:99; cursor:pointer;}
.Sliderpro .Slider .cycle-prev {left:0px; right:auto;} .fs-28{font-size:23px !important;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
.MainBanner .carousel-item  img {
    height:680px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
	
.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {position:absolute; top:45%; right:-5px!important; z-index:99; cursor:pointer;}
.Sliderpro .Slider .cycle-prev {left:-5px !important; right:auto;} .Sliderpro .Slider .fs-15 {font-size:13px !important;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
#Header .input-group{width:393px !important;}
#PopularRange .row,.Sliderpro .row,#OurBlog .row,#CategoryArea .row,#ClothesRail .mainrow.row{--bs-gutter-x:1.9rem;}
#OurBlog .mb-4{margin-bottom:36px !important;}
.container{max-width: 1140px !important;}

.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {right:-25px!important;}
.Sliderpro .Slider .cycle-prev {left:-25px !important;} .Sliderpro .Slider .fs-15 {font-size:13px !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {right:0px!important;}
.Sliderpro .Slider .cycle-prev {left:0px !important;} .Sliderpro .Slider .fs-15 {font-size:13px !important;}
.WelBox{padding:20px;} #CategoryArea .fs-1{font-size:30px !important;}
#CategoryArea .position-absolute {min-height:110px;}
#Footer .list-inline a{width:33px; height:33px;} .RailTextBox {padding:35px;}
.BoxPro {padding:1px; margin: 10px 10px 40px 10px;box-shadow: 0px 0px 8px rgba(0,0,0,.15);} .Textbox{padding-left:8px; padding-right:8px;}
#ClothesRail .BoxShadow:hover .btnbox {margin-top:130px !important;}.table-responsive .fs-17{font-size:14px !important;}

}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header {position:static;} #Header + main {margin-top:0px;} .Logo{padding:10px 0px;}
.MainBanner .carousel-caption {font-size:25px;}
.MainBanner .carousel-caption h1,.MainBanner .carousel-caption .h1{font-size:30px;} 
.fs-28{font-size:20px !important;} .Copytext{line-height:1;}
#ClothesRail .fs-15{font-size:14px !important;} .RailTextBox{padding:25px;}.table-responsive .fs-17{font-size:14px !important;}
.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {right:-5px!important;}
.Sliderpro .Slider .cycle-prev {left:-5px !important; right:auto;} 
}


@media (max-width:767.98px) {
#Header {position:static;} #Header + main {margin-top:0px;} .Logo{padding:5px 0px;}
.MainBanner .carousel-caption {font-size:25px !important;} 
.MainBanner .carousel-caption h1,.MainBanner .carousel-caption .h1{font-size:30px !important;} 
.OfferText .nobor.border-end{border:none !important;} .fs-28{font-size:20px !important;}
.Sliderpro .Slider .cycle-prev, .Sliderpro .Slider .cycle-next {position:absolute; top:45%; right:0px !important; z-index:99; cursor:pointer;}
.Sliderpro .Slider .cycle-prev {left:0px !important; right:auto;} .Sliderpro .Slider .fs-15 {font-size:13px !important;}
.WelBox{padding:20px 30px;} #CategoryArea .fs-1{font-size:30px !important;}
#CategoryArea .position-absolute {min-height:100px;} #Testimonials .w-75{width:80% !important; line-height:30px;} 
.container{max-width:100% !important;} .RailTextBox{padding:25px;}
.TabBox .nav-tabs .nav-link {padding:13px 20px; min-width:170px;} .table-responsive .fs-17{font-size:13px !important;}
#Footer .ls-1{letter-spacing:normal !important;}
#Footer .fs-15{font-size:14px !important;}

h1, .h1 {font-size:30px !important;}
.Headingpage:after {margin:0 0 10px 0; padding-bottom:10px; width:8%;}
.breadcrumb{padding:0 0 10px; font-size:12px;} body {font-size:14px; line-height:1.5;}
.RailTextBox .fs-25 {font-size:23px !important;}
}