*{margin:0;padding:0;box-sizing: border-box;}
html{min-height: 100vh;overflow-x: hidden;}
html,body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;background-color:#ffffff;overflow-x: hidden;}
section.header{
position: fixed;
width:100%;
height:auto;
border-bottom: 0px solid #d0dbdf;
box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;
background: #ffffff;
z-index: 20;
}
.swiper-navBtn{
top: 31%;
background: #283134;
width: 40px;
height:40px;
border-radius: 50%;
}
.swiper-navBtn::after{
font-size:1.4rem;
color:#fff;
}
header.header{
position: relative;
width:100%;
height:auto;
}
.top_nav{
width:100%;
height:auto;
border-bottom: 1px solid #e4e4e4;
}
.top_header_box{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
width:1260px;
margin:0 auto;
}
.top_header_nav{
position: relative;
padding: 15px 0 10px 20px;
}
.top_header_nav ul{
display:flex;
display:-webkit-flex;
list-style:none;
}
.top_header_nav ul li{
margin:0 5px 0 5px;
}
.top_header_nav ul li a{
display:block;
text-decoration:none;
color:#212529;
font-weight:600;
font-size:0.9rem;
font-family:arial;
}
.topheader_infosubmenu_content{
position: absolute;
width: 120px;
height: auto;
padding: 10px;
z-index:40;
background: #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 1px 3px 3px 0px #4c5051;
-webkit-box-shadow: 1px 3px 3px 0px #4c5051;
display: none;
}
.topheader_infosubmenu_content.infoSubMenuActive{
display: block;
}
ul.topheader_infosubmenu_ul {
list-style: none;
display: flex;
display:-webkit-flex;
flex-wrap: wrap;
}
ul.topheader_infosubmenu_ul li.topheader_infosubmenu_li{
margin:5px 0 5px 0;
width: 100%;
border-bottom: 1px solid #e2e6e7;
}
ul.topheader_infosubmenu_ul li.topheader_infosubmenu_li a{
font-size: 1rem;
font-weight:500;
}
ul.topheader_infosubmenu_ul li.topheader_infosubmenu_li a:hover{
color:#ff0735;
}

.top_header_info{
display:flex;
display:-webkit-flex;
}
.top_tel_email{
display:flex;
display:-webkit-flex;
border-right: 1px solid #e4e8ea;
padding: 10px 5px 10px 10px;
align-items: center;
}
.top_tel_email a{
display:block;
text-decoration: none;
margin:0 5px 0 5px;
color:#212529;
font-weight:500;
font-size:0.9rem;
font-family:arial;
}
a.topnav_autoimport{
background: #edb50c;
color: #fff;
padding: 5px 5px 5px 5px;
border-radius: 5px;
-webkit-border-radius:5px;
}
.top_header_lang{
padding: 15px 10px 15px 10px;
}
.main_nav_content{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
padding: 3px 5px 3px 5px;
width:1260px;
height:70px;
margin:0 auto;
}
.nav_container{
position: relative;
}
nav.main_nav ul.top_nav_ul{
list-style:none;
display:flex;
display:-webkit-flex;
}
nav.main_nav ul.top_nav_ul li.topnav-li{
margin: 0 5px 0 5px;
}
nav.main_nav ul.top_nav_ul li.topnav-li a.nav_toplink{
display:block;
text-decoration:none;
color:#222222;
font-size: 1.05rem;
font-family: arial;
padding: 15px 10px 15px 10px;
}
.mainmenu-subnav-overlay{
position: fixed;
background-color: rgba(3, 4, 7, 0.89);
width: 100%;
height: 100vh;
left: 0;
top: 112px;
z-index: 10;
display:none;
}
.mainmenu-subnav-container {
position: relative;
width: 100%;
min-height: 200px;
padding:10px 0 20px 0;
background: #ffffff;
left: 0;
z-index: 2;
top: 0px;
box-shadow: 2px 2px 6px #001a23;
-webkit-box-shadow: 2px 2px 6px #001a23;
display:none;
transition: all 0.4s;
}
.mainmenu-subnav-content{
position: relative;
width:1260px;
margin:0 auto;
padding: 20px;
}
.mainmenu-subnav-header{
border-bottom: 1px solid #bdc5c9;
width: 360px;
}
.mainmenu-subnav-content h4{
font-size: 1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
.allsubnav-link{
position: relative;
margin: 10px 0 1px 0;
}
.allsubnav-link a{
text-decoration: none;
color:#0c1214;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
transition: all 0.3s;
-webkit-transition:all 0.3s;
}
.allsubnav-link a:hover{
  color: #ff033e;
}
.submenu-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
max-width: 100%;
}
ul.submenu-colmn li{
list-style:none;
margin: 10px 0 10px 0;
}
ul.submenu-colmn li a{
text-decoration: none;
display: block;
padding: 8px 0 8px 0;
color:#0c1214;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
transition: all 0.3s;
}
ul.submenu-colmn li a:hover{
color: #ff033e;
}
nav.main_nav ul.top_nav_ul li.topnav-li:hover .mainmenu-subnav-overlay, .mainmenu-subnav-container{
  display: block;
}

nav.main_nav ul.top_nav_ul li.topnav-li:hover svg.topnav-bottomsvg{
transform:rotate(180deg);
-webkit-transform: rotate(180deg);
}
.aswb_container{
display:flex;
display:-webkit-flex;
}
.aswb-login-profile{
border-radius: 6px;
-webkit-border-radius: 6px;
font-family:Arial, Helvetica, sans-serif;
}
.aswb-login-profile a{
display: block;
text-decoration: none;
font-size: 1.2rem;
color: #fff;
padding: 0px 1px 1px 0px;
}
.aswb-login-profile-login{
margin-right:15px;
background: #F03330;
border-radius: 6px;
-webkit-border-radius: 6px;
font-family:Arial, Helvetica, sans-serif;
}
.aswb-login-profile-login a{
display: block;
text-decoration: none;
font-size: 1.3rem;
color: #fff;
padding: 8px 12px 8px 12px;
}
.aswb-basket{
position: relative;
}
section.slider-conatiner-section{
position: relative;
margin-top:125px;
}
.slider_container{
position: relative;
width:100%;
height:auto;
}
.slider_content{
position: relative;
width:100%;
height:660px;
overflow: hidden;
}
.sliderimg_content{
position: relative;
height:100%;
}
.slidertext_content{
position:absolute;
top:20%;
left:25%;
min-width:300px;
background-color: #ffffff;
transform: translate(20%, -30%);
z-index:1;
padding: 10px;
border-radius: 5px;
-webkit-border-radius:5px;
}
.slidertext_content h1{
color:#222222;
font-size: 1.8rem;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0 1px 0 rgba(19, 17, 29, 0.4);
}
.sliderbutton_content{
position:absolute;
top:33%;
left:33%;
transform: translate(20%, -33%);
z-index:1;
}
.sliderbutton_content a{
text-decoration:none;
color: #ffffff;
font-size: 1.3rem;
background-color: #0069ff;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 10px 10px 10px;
border-radius: 6px;
-webkit-border-radius:6px;
}
.sliderimg_content img.mainsliders_img{
position: relative;
width:100%;
height:100%;
object-fit: cover;
}
.mainpage-mainsearch-container{
position: absolute;
width: 1260px;
height: auto;
background: #ffffff;
padding: 40px 40px 80px 40px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
top: 75%;
left: 50%;
border-radius: 10px;
-webkit-border-radius: 10px;
z-index: 9;
}
.mainsearch-header{
margin: 0 0 40px 0;
}
.mainsearch-header h4{
font-size:1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
.mainsearch-inputsfields-container{
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
select.mainsearch-select{
width:225px;
padding: 5px;
border: 1px solid transparent;
height: 42px;
background: #ffffff;
box-shadow: 2px 2px 2px 2px #e2e3e3;
-webkit-box-shadow: 2px 2px 2px 2px #e2e3e3;
border-radius: 5px;
cursor: pointer;
}
input.mainsearchFind_btn{
width: 200px;
height: 42px;
border: 1px solid transparent;
background: #ff0735;
color: #fff;
border-radius: 5px;
box-shadow: 2px 2px 2px 2px #e2e3e3;
-webkit-box-shadow: 2px 2px 2px 2px #e2e3e3;
border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1.1rem;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid transparent;
}

.main_container{
position:relative;
width:1260px;
min-height:100vh;
margin: 40px auto;
}
.mainpage-top-3-cards-content{
position: relative;
display:flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 30px;
}
.card-box-content{
display:flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
flex: 0 0 auto;
width: 32.333%;
padding: 30px;
border: 1px solid #e3e6e7;
border-radius: 5px;
-webkit-border-radius:5px;
}
.card-img{
border: 1px solid #ebeff1;
border-radius: 5px;
}
.card-img img{
width:128px;
height:128px;
}
.card-text h1{
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
}
.card-text-link{
margin:10px 0 10px 0;
}
.card-text a{
text-decoration:none;
color: #61686e;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.mainpage-top-banners-container{
position: relative;
width: 1260px;
height: auto;
margin: 50px auto;
}
.main-banners-boxs-flex{
display:flex;
display: -webkit-flex;
justify-content: space-between;
}
.banners-box{
position: relative;
box-sizing: border-box;
border-radius: 10px;
-webkit-border-radius:10px;
width:49%;
height:auto;
overflow: hidden;
}
.banners-box a{
text-decoration:none;
color: #212529;
}
.banner-box-wrapper{
position: relative;

}
.banner-text-content{
position:absolute;
width:100%;
height:100%;
left:0px;
top:0;
}
.banner-header{
position: relative;
max-width:90%;
padding:3rem;
z-index:1;
}
.banner-header h2{
font-size: 1.4rem;
font-family:"Krub", sans-serif;;
font-weight: 600;
}

.banner-box-media{
position: relative;
width:100%;
height: 310px;
}
.banner-box-media img.top-banner-img{
width:100%;
height:100%;
border-radius: 10px;
-webkit-border-radius:10px;
transition: transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
object-fit: cover;
}

.banners-box:hover .banner-box-media img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}

.top-banner-link-content{
position: relative;
margin-top:45px;
}
.top-banner-link-content a{
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:1rem;
font-weight:600;
max-width: 250px;
text-align: center;
background: #fff;
padding: 10px 5px 10px 5px;
border-radius: 6px;
-webkit-border-radius: 6px;
}

/*---Featured Products---*/
.featured-prodcts-container{
position: relative;
width:1260px;
height: auto;
margin: 20px auto;
border-bottom: 1px solid #e4e5e7;
}
.featured-prodcts-header{
position:relative;
border-bottom:1px solid #e4e5e7;
padding:10px 0 10px 0;
}
.featured-header-boxs{
display:flex;
display:-webkit-flex;
flex-wrap: wrap;
align-items: center;
}
.header-box h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4rem;
font-weight: 600;
}
.header-box-tabs{
display:flex;
display:-webkit-flex;
margin-left:50px;
}
.header-box-tabs a{
text-decoration: none;
color:#333537;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight:600;
margin-left: 20px;
}
.featured-prod-viewall-link{
position:absolute;
right: 10px;
top:15px;
}
.featured-prod-viewall-link a{
display:block;
text-decoration:none;
color:#333537;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: 600;
font-size:0.9rem;
}
.featured-prodcs-content{
position: relative;
padding: 30px 0 50px 0;
}
.featured-prod-boxs{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
}
.item-content-box{
position:relative;
width:228px;
height: auto;
border-radius:5px;
-webkit-border-radius:5px;
}
.item-image-content{
position: relative;
width:228px;
height:228px;
border: 1px solid #e4e5e7;
border-radius: 5px;
-webkit-border-radius:5px;
overflow: hidden;
}
a.box-item-content-link{
display:block;
text-decoration:none;
width:100%;
height:100%;
}
.item-image-content img.boxitem-img{
width:100%;
height:100%;
border-radius: 5px;
-webkit-border-radius:5px;
object-fit: cover;
}
.item-box-content-info{
position: relative;
padding:0.4rem;
box-shadow: 2px 4px 10px 1px #dee3e5;
-webkit-box-shadow: 2px 4px 10px 1px #dee3e5;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.item-box-title p{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
color:#333537;
}
.item-box-reviews-rating{
display: flex;
display:-webkit-flex;
justify-content: space-between;
align-items:center;
margin: 10px 0 10px 0;
}
.item-box-reviews-rating span{
font-family: Arial, Helvetica, sans-serif;
font-size:1rem;
}
img.rating-img{
width:26px;
}
.itembox-cart-price-flex{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
}
.item-box-price{
margin:10px 0 10px 0;
}
.item-box-price p{
font-size:1.3rem;
font-family: Arial, Helvetica, sans-serif;
color: #ff1104;
}
.itembox-instock-content{
position: relative;
margin:10px 0 10px 0;
}
span.instock-span{
font-size: 1rem;
font-family: arial;
color: #12B886;
font-weight: 600;
}

/*----------Second Level Banners----*/
/*.second-level-banners-container{
position: relative;
width:1260px;
height: auto;
margin:20px auto;
}
.second-level-banners-content{
position: relative;
}
.second-level-banners-boxs-flex{
display:flex;
display:-webkit-flex;
justify-content: space-between;
}
.banner-text-wrapper-content{
position:absolute;
width:46%;
height:100%;
left:0px;
top:0;
}
.second-level-banner-header{
position: relative;
width:82%;
z-index:1;
padding: 3rem;
margin-top: 2.5rem;
}
.second-level-banner-header h2{
font-size:1.5rem;
font-family: "Krub", sans-serif;
font-weight: 600;
line-height:2.1rem;
}
.banner-left-box,.banner-right-box{
position: relative;
width: 49%;
height: auto;
}
.banner-left-box{
width: 575px;
height: 670px;
overflow: hidden;
}
.banner-right-box{
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
}
.banner-right-textimgcontent{
position: relative;
width:100%;
}
.banner-right-imgcontent{
position: relative;
width:100%;
height:320px;
overflow: hidden;
}
.banner-right-imgcontent img{
position: relative;
width: 100%;
height:100%;
}*/

.second-level-banners-container {
position: relative;
width: 100%;
max-width: 1260px;
height: auto;
margin: 20px auto;
}

.second-level-banners-content {
position: relative;
}

.second-level-banners-boxs {
display: grid;
grid-template-columns: 575px 1fr; /* Left: fixed 575px, Right: remaining space */
gap: 20px;
justify-content: center;
}

.second-level-banner-box {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}

.left-banner {
grid-column: 1;
grid-row: 1 / span 2;/* Span both rows for large image */
overflow: hidden;
}

.right-banner:nth-child(2) {
grid-column: 2;
grid-row: 1;
overflow: hidden;
}

.right-banner:nth-child(3) {
grid-column: 2;
grid-row: 2;
overflow: hidden;
}

.banner-text-wrapper-content {
position: absolute;
width: 100%;
text-align: center;
z-index:10;
}

.second-level-banner-header {
position: relative;
width: 82%;
padding: 2.5rem;
margin: 0.5rem auto 0;
}

.second-level-banner-header h2 {
font-size: 1.4rem;
font-family: "Krub", sans-serif;
font-weight: 600;
}
.second-level-banner-image{
position: relative;
width: 100%;
}
.banner-image {
width: 100%;
height: auto;
height: 670px; /* Matches previous banner-left-box */
object-fit: cover;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
transition: transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
object-fit: cover;
}

.right-banner .banner-image {
height: 320px; /* Matches previous banner-right-imgcontent */
border-radius: 10px;
-webkit-border-radius: 10px;
transition: transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
object-fit: cover;
}

.second-level-banner-box:hover img.banner-image {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.second-level-banner-link{
transform: translate(35%, 4%);
}
a.banner-link {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
font-size: 1rem;
font-weight: 600;
width: 140px;
padding: 0.5rem 1rem;
background-color: #0069ff;
color: white;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
margin-top: 0.5rem;
}

/*-----3 level banner---*/
.mainpage-3-lavel-banner-container{
position: relative;
width:100%;
height:auto;
margin:20px auto;
overflow:hidden;
}
img.lavel3-b-image{
width:100%;
}

/*----Level 4 box banners--*/
.main-4-level-cards-container{
position: relative;
width:1260px;
height:auto;
margin:20px auto;
}
.level-4-cards-content{
position: relative;
width:100%;
height: auto;
}
.level-4-boxs-flex{
position: relative;
display:flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.level-4-box{
position: relative;
width:32%;
height: auto;
overflow: hidden;
}
a.lavel4-box-link{
position: relative;
text-decoration:none;
}
img.lavel4img-box{
position: relative;
width:100%;
height:100%;
border-radius: 10px;
-webkit-border-radius:10px;
transition: transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.level4-box-img-content{
position: relative;
}
.level-4-box:hover img.lavel4img-box{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.level4-box-text-content{
position:absolute;
z-index:1;
padding: 1.8rem 2.5rem 1rem 1rem;
}
.level4-box-text-content h2{
color:#222222;
font-size: 1.4rem;
font-family: "Krub", sans-serif;
font-weight: 600;
line-height: 2.1rem;
}
.level4-box-text-content p{
color: #797f86;
font-size: 1rem;
font-family: "Krub", sans-serif;
font-weight: 500;
line-height: 2.1rem;
}
.level4-box-text-link{
position: relative;
margin-top:20px;
}
.level4-box-text-content a{
display:block;
text-decoration:none;
color:#212529;
font-size: 1rem;
font-family: "Krub", sans-serif;
font-weight: 500;
}

/*------Main Posts -----------*/
.main-news-container{
position: relative;
width:1260px;
height:auto;
margin:50px auto;
}
.main-news-content{
position: relative;
width:100%;
height:auto;
}
.main-news-header-content{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
padding:10px 0 10px 0;
}
.mainposts-header-box h1{
color:#212529;
font-size: 1.3rem;
font-family: "Krub", sans-serif;
font-weight: 600;
}
.mainposts-header-box a{
text-decoration:none;
color:#222222;
font-size: 1rem;
font-family: "Krub", sans-serif;
font-weight: 600;
}
.main-news-boxs-flex{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
}
.main-news-box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
width:24%;
height:auto;
overflow: hidden;
}
.main-box-newsimg-content{
position: relative;
width:100%;
height:auto;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.main-box-newsimg-content img.newsimg{
width:100%;
height:auto;
border-radius:5px;
-webkit-border-radiuse:5px;
transition: transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.main-news-box:hover img.newsimg{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}

.box-post-title-content{
position: relative;
margin:10px 0 10px 0;
}
.box-post-title-content a{
display:block;
text-decoration:none;
color:#212529;
font-size:1rem;
font-weight:600;
font-family: "Krub", sans-serif;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.main-news-box:hover .box-post-title-content a{
color:#ef233c;
}
.main-box-post-date{
position: relative;
margin:10px 0 10px 0;
}
.main-box-post-date a{
display:block;
text-decoration:none;
}
.main-box-post-date span{
font-size:0.9rem;
font-family: "Krub", sans-serif;
color:#85898d;
}

/*-----Login Register---*/
.register-login-wrapper{
position: relative;
width: 1260px;
min-height: 100vh;
margin: 165px auto;
}
.register-login-app-container{
position: relative;
width:370px;
height: auto;
margin:20px auto;
box-shadow: -1px 10px 25px 6px #e5eaee;
-webkit-box-shadow: -1px 10px 25px 6px #e5eaee;
  padding: 20px;
}
.register-login-tabs{
position: relative;
display:flex;
display:-webkit-flex;
justify-content:space-around;
padding: 10px 0 10px 0;
border-bottom: 1px solid #d9e0e2;
}
a.login-tab-btn{
text-decoration:none;
color:#121210;
font-family: Arial, Helvetica, sans-serif;
font-size:1rem;
}
a.register-tab-btn{
text-decoration:none;
color: #121210;
font-family: Arial, Helvetica, sans-serif;
font-size:1rem;
}
a.active-reglogin-tab{
font-weight:600;
}
a.inactive-reglogin-tab{
color:#adafb1;
font-weight:600;
}
.login-tab h3{
color: #121210;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3rem;
}
.account-acctivation-opt-header p{
padding:10px 5px 10px 5px;
font-size: 1rem;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #777f81;
}
.reglogin-label-input-content{
position: relative;
margin:16px 0 16px 0;
}
.reglogin-label{
padding:0 0 5px 0;
}
.reglogin-label label{
font-family: Arial, Helvetica, sans-serif;
font-size:1rem;
}
.reglogin-input{
position: relative;
width:100%;
}
.reglogin-input input{
position: relative;
width:100%;
height:46px;
padding:0 0 0 5px;
border-radius: 23px;
-webkit-border-radius:23px;
border:none;
border: 1px solid #c8d6e2;
outline:none;
}
input.phoneDialing_code{
position: relative;
width:115px;
height:46px;
padding:0 0 0 5px;
border-radius: 23px;
-webkit-border-radius:23px;
border:none;
border: 1px solid #c8d6e2;
outline:none;
}
.reglogin-sbtbtn-content{
position: relative;
width:100%;
}
input.loginForm_sbtBtn{
width:100%;
height:48px;
font-size:1.2rem;
cursor:pointer;
color:#ffffff;
background-color: #222222;
border-radius: 21px;
-webkit-border-radius:21px;
border: 1px solid transparent;
}
input.regForm_sbtBtn{
width:100%;
height:48px;
font-size:1.2rem;
cursor:pointer;
color:#ffffff;
background-color: #222222;
border-radius: 21px;
-webkit-border-radius:21px;
border: 1px solid transparent;
}
input.passwdEmailCheck_btn{
width:100%;
height:48px;
font-size:1.2rem;
cursor:pointer;
color:#ffffff;
background-color: #222222;
border-radius: 21px;
-webkit-border-radius:21px;
border: 1px solid transparent;
}
input.newPasswdForm_sbtBtn{
width:100%;
height:48px;
font-size:1.2rem;
cursor:pointer;
color:#ffffff;
background-color: #222222;
border-radius: 21px;
-webkit-border-radius:21px;
border: 1px solid transparent;
}
.forgot-passwprd-link-content{
position: relative;
margin: 15px 0 15px 0;
text-align: right;
}
.forgot-passwprd-link-content a{
text-decoration:none;
color: #61686e;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
/*-------RegLogin PopUp modalbox-----*/
.popupOverlay {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 999999999;
}
.popUp_container{
position: fixed;
display: none;
width: 420px;
min-height: 200px;
top:38%;
left: 49%;
background: #ffffff;
transform: translate(-50%,-50%);z-index: 999999;border-radius:10px}
.popUp_container.popUpActive{
display:block;
}
.popupOverlay.popupOverlayActive{
display:block;
}
.successAdd__apptext{
position:relative;
text-align: center;
margin-top: 5px;
}
.successAdd__apptext p{
font-size: 17px;
font-family: 'LataRegular';
}
.succes__icon_app{width: 50pt;margin: 12pt auto;}
img.success_icon{width: 40pt;}

.reg_log_errorOverlay_container {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 1000;
}
.reg_log_errorOverlay_container.active {
display: block;
}
.reglog_errorbox {
display: none;
position: fixed;
width: 420px;
top: 38%;
left: 49%;
padding: 30px 5px 30px 5px;
background-color: #ffffff;
transform: translate(-50%, -50%);
-webkit-transform: translate(-49%, -50%);
border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1005;
}
.reglog_errorbox.active {
display: block;
}
.regLog_errorcloseBtn {
position: absolute;
width: 30px;
height: 30px;
background-color: #121210;
top: -7px;
right: -2px;
line-height: 30px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1006;
}
.regLog_errorcloseBtn span {
color: #fff;
font-family: 'LataRegular';
cursor: pointer;
}
.reglog_errorbox p {
font-family: 'LatoRegular';
font-weight: 600;
text-align: center;
color: #0f0f13;
font-size: 0.9rem;
}
/*---------My Profile----*/
.myprofile-container{
position: relative;
width:1260px;
margin:20px auto;
}
.myprofile-content{
position: relative;
width:100%;
display:flex;
display:-webkit-flex;
}
.myprofile-leftbar{
position: relative;
width:250px;
height:auto;
border-right: 1px solid #ebebeb;
}
nav.myprofile-nav{
position: relative;
padding:10px;
}
ul.myprofile-ul li{
list-style: none;
margin: 8px;
border-bottom: 1px solid #d2dfe8;
background: #fff;
border-radius: 22px;
box-shadow: 1px 3px 2px 0px #e6e9ea;
}
ul.myprofile-ul li a{
display: block;
text-decoration: none;
color: #1b222f;
padding: 10px 4px 10px 10px;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.myprofile-rightcontent{
position: relative;
width:calc(1260px - 250px);
height:auto;
}
.myprofile-form-content{
position: relative;
width: 370px;
margin: 0 auto;
padding: 10px;
}
.myprofile-header{
text-align: center;
}
.myprofile-header h4{
font-size:1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
.myprofile-label-input-boxs{
position: relative;
margin:10px 0 10px 0;
}
.myprofile-label label{
position: relative;
margin:5px 0 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.myprofile-input input{
width: 100%;
height: 46px;
padding:5px 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
.myprofile-submitbtn-content {
position: relative;
width: 100%;
}
input.profileUpd_btn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
background-color: #222222;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
/*------Invoice Page-------*/
section.invoices-wrapper-section{
position: relative;
width: 100%;
min-height: 100vh;
margin-top:140px;
}
.profile-nav-route-header{
position: relative;
display: flex;
display: -webkit-flex;
width: 100%;
margin: 5px 0 10px 0;
padding:0 0 0 10px;
}
.profile-nav-route-header a{
text-decoration:none;
margin:0 0 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
padding: 5px 10px 5px 10px;
border-radius: 5px;
-webkit-border-radius:5px;
}
.profile-nav-route-header a:first-child{
background: #b1b6b7;
color: #ffffff;
}
.profile-nav-route-header a:nth-child(2){
background: #b1b6b7;
color: #ffffff;
}
.profile-nav-route-header a:nth-child(3){
background:rgb(247, 7, 64);
color: #ffffff;
}
.invoice-list-container{
padding: 10px;
}
.invoice-list-content{ 

}
.invoice-list-content h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2rem;
}
.invoice-details-header{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2rem;
padding:0 0 0 10px;
}
.infoiceInfo_header{
margin: 5px 0 5px 0;
}
.infoiceInfo_header p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.invoice_info_details{
padding:10px 0 10px 0;
}
.invoice_info_details p{
margin: 5px 0 5px 0;
font-family: Arial, Helvetica, sans-serif;
}
.invoice-table-header h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2rem;
}
table.invoice_table{
position: relative;
width: 100%;
border-collapse: collapse;
border: 1px solid #d6d6d7;
margin: 10px 3px 0 4px;
}
table.invoice_table h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
table.invoice_table tr th {
border: 1px solid #d6d6d7;
text-align: center;
padding: 7px 0 7px 0;
font-family: Arial, Helvetica, sans-serif;
}
table.invoice_table tr td {
border: 1px solid #d6d6d7;
padding: 15px 5px 15px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
}
/*------Order Information---*/
section.orders-section{
width:100%;
min-height: 100vh;
margin-top: 170px;
}
.orders-container{
position: relative;
width: 1260px;
height: auto;
margin: 0 auto;
}
.order-content{
position: relative;
display:flex;
display: -webkit-flex;
justify-content: space-around;
}
.order-left-content{
position: relative;
width: calc(100% - 420px);
height: auto;
border-right: 1px solid #dcdfe1;
}
.order-left-form-container{
display: flex;
display: -webkit-flex;
justify-content: space-between;
padding: 0 20px 0 20px;
}
.label-input-row{
position: relative;
margin: 10px 0 10px 0;
}
.order-label-input-content .label-col label {
position: relative;
margin: 5px 0 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.order-label-input-content .input-col input {
width: 350px;
height: 46px;
padding: 5px 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
textarea.userOrderMessage{
padding: 5px 0 0 10px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
resize: none;
}
.order-right-content{
position: relative;
width:350px;
min-height:100vh;
}
.order-success-container{
position: relative;
width:960px;
height: auto;
margin: 20px auto;
}
.order_succes_text_1{
text-align: center;
}
.order_succes_text_1 h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5rem;
}
.order_succes_text_2{
text-align: center;
margin:20px 0 10px 0;
}
.order_succes_text_2 a{
text-decoration:none;
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
color: #148b48;
font-weight: 600;
}
/*---------Category Pages Wrapper Container----*/
.category-products-page-wrapper{
position:relative;
width:1260px;
min-height:100vh;
margin:155px auto;
}
.category-mainpage-banner-section{
position: relative;
width:100%;
height:auto;
}
.category-mainpage-banner-container{
position: relative;
width:100%;
height:auto;
}
.category-mainpage-banner-content{
position: relative;
width:100%;
overflow: hidden;
}
.category-mainpage-banner-content img{
width:100%;
height: 100%;
}
section.category-mainpage-section{
position: relative;
width:100%;
margin:20px auto;
}
section.category-mainpage-nav-section{

}
.pageheader-nav-route{
position: relative;
margin:10px 0 10px 0;
padding:0 0 0 0px;
display:flex;
display:-webkit-flex;
}
.pageheader-nav-route a{
display:block;
text-decoration:none;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
margin: 0 5px 0 5px;
}
.pageheader-nav-route a.navroute-notactive-link{
display: flex;
display: -webkit-flex;
align-items: center;
color: #fffbfb;
background: #b1b6b7;
padding: 3px 5px 3px 5px;
border-radius: 7px;
-webkit-border-radius: 11px;
border: 1px solid transparent;
}
.pageheader-nav-route a.navroute-active-link{
display: flex;
display: -webkit-flex;
align-items: center;
color: #fff;
background: #f70740;
padding: 3px 5px 3px 5px;
border-radius: 11px;
-webkit-border-radius: 11px;
}
.category-mainpage-section-container{
position: relative;
width:100%;
}
.category-mainpage-section-content{
position: relative;
width:100%;
height: auto;
}
.category-mainpage-section-content-flex-boxs{
position: relative;
width:100%;
display: flex;
display:-webkit-flex;
justify-content: space-between;
}
.category-page-filter-right-side-content{
position: relative;
width:280px;
border-right: 1px solid #f0f0f0;
}
.category-page-filter-right-side-content h2{
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
/*------category-page-right-filters--*/
.selects-filter-container{
position: relative;
padding: 4px;
}
.select-filter-box-content{
position: relative;
width: 97%;
margin: 10px 0 10px 0;
}
.select-filter-box-content select{
width: 100%;
height: 38px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
.selectFitler_sbtBtn-content{
position: relative;
width: 97%;
margin: 10px 0 10px 0;
}
input.selectFitler_sbtBtn{
width: 100%;
height: 38px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
background-color: #EF233C;
color: #fff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
.category-filter-container{
position: relative;
margin-top:20px;
}
.category-filter-header h4{
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
.category-filter-checkbox-content{
display:flex;
display:-webkit-flex;
margin:10px 0 10px 0;
}
.category-filter-checkbox-input{

}
.category-filter-checkbox-label{
position: relative;
margin-left:10px;
}
.category-filter-checkbox-input input{
cursor: pointer;
}
.category-filter-checkbox-label label.categCheckbox_filter-label{
cursor: pointer;
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}

.filter-byprice-container{
position: relative;
margin-top:30px;
}
.filter-byprice-header h4{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
.filter-byprice-content{
margin: 10px 0 10px 0;
}
/*---Price Range slider---*/
.filter-price-range-content{
position: relative;
width:96%;
}
input.filter-price-range{
position: relative;
width:100%;
}

.category-page-products-content-side{
position: relative;
width: calc(1260px - 280px);
border-right: 1px solid #f0f0f0;
padding: 10px;
}
.product-filter-container{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.showing-filter-result p{
font-size: 1rem;
font-family: arial;
color: #676768;
}
.product-sort-showitems-flex{
display: flex;
display:-webkit-flex;
justify-content: space-between;
}
.product-sortby-select-latest-flex{
display: flex;
display: -webkit-flex;
margin-right: 15px;
align-items: center;
}
.product-sortby-span{
margin-left: 10px;
margin-right: 5px;
}
.product-sortby-span span{
font-family: arial;
font-size: 0.9rem;
}
.product-sortby-span b{
font-size: 0.9rem;
font-family: arial;
}
select.product-sort-by-select{
height: 35px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
.show-total-items-content{

}
.show-total-items-content span{
font-size: 0.9rem;
font-family: arial;
color: #222;
}
select.showitems-select{
height: 35px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
label.serviceCateg_filter-label{
cursor: pointer;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
.app-products-container{
position: relative;
padding: 20px 0 20px 0;
}
.app-products-boxs{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.appitem-content-box{
position: relative;
width: 228px;
height: auto;
margin:15px 0 15px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.item-box-title{
position: relative;
height:60px;
}
/*------Product Details Page------*/
.product-view-wrapper{
position: relative;
width:100%;
min-height:100vh;
margin:140px auto;
}
section.product-gallery-detail-section{
position: relative;
width: 100%;
height:auto;
margin: 20px 0 20px 0;
}
.product-gallery-detail-content{
position: relative;
width: 1260px;
margin: 0 auto;
}
.product-view-boxs-flex{
display:flex;
display:-webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product-gallery-side{
position: relative;
width: 635px;
border: 1px solid #dde5e8;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.product-main-image-content{
position: relative;
width:635px;
height: auto;
}
.itemBigImg_content{
position: relative;
width:635px;
height:600px;
overflow: hidden;
}
.itemBigImg_content img{
width:100%;
height: auto;
object-fit: contain;
cursor: zoom-in;
}
.itemview_galleryList{
position: relative;
border-top: 1px solid #d9ddde;
margin: 4px 5px 4px 5px;
}
.itemview_gallery_box{
position: relative;
margin-top:10px;
width:110px;
height:110px;
}
img.gallery_img_small{
width: 100%;
height:100%;
cursor:zoom-in;
}
.product-detail-side{
position: relative;
border-bottom: 1px solid #e9eaeb;
width: calc(1260px - 664px);
padding:10px;
}
.product-name-header h2{
font-size: 1.6rem;
font-family: Arial, Helvetica, sans-serif;
}
/*-------Rating-----*/
.rating{
position: relative;
display:flex;
display:-webkit-flex;
align-items:center;
}
.rating svg path{
  fill: orange;
}
.product-review-stock-flex{
position: relative;
margin:10px 0 10px 0;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.product-price-header{
position: relative;
margin:20px 0 20px 0;
}
.product-price-header p{
font-size: 2rem;
font-family:Arial, Helvetica, sans-serif;
color:#ff1104;
}
.product-qty-addcart-content{
display: flex;
display:-webkit-flex;
align-content: center;
margin: 20px 0 20px 0;
border-bottom: 1px solid #c7ced0;
padding-bottom: 30px;
}
.product-qty-box{
display:flex;
display:-webkit-flex;
align-items: center;
}
.qtyMinus_content{
position: relative;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
background: #ef1721;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
outline:none;
}
.qtyPlus_content{
position: relative;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
background: #ef1721;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
outline:none;
}
.qtyMinus_content span{
outline:none;
}
.qtyPlus_content span{
outline:none;
}
.product-qty-box input{
position: relative;
width: 70px;
text-align: center;
height: 35px;
border: 1px solid transparent;
background: #e9eeef;
font-size: 1.2rem;
outline: none;
border-radius: 10px;
-webkit-border-radius: 10px;
appearance:textfield;
-moz-appearance:textfield;
-webkit-appearance: textfield;
}
.product-addtocart-btn-box{
margin: 0 0 0 20px;
}
a.itemAdd_toCartBtn{
display: block;
text-decoration: none;
color: #fff;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
background: #2577ce;
padding: 12px;
border-radius: 6px;
-webkit-border-radius:6px;
}
.service-view-duration-conetent{
position: relative;
margin:10px 0 10px 0;
}
.service-view-duration-conetent-box{
display: flex;
display: -webkit-flex;
align-items: center;
}
.service-view-duration-conetent-box span{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
color: #72797b;
margin: 0 0 0 5px;
}
.service-booking-btn-box{
margin: 0 0 0 1px;
}
a.serviceAdd_toBookingBtn {
display: block;
text-decoration: none;
color: #fff;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
background: #2577ce;
padding: 12px;
border-radius: 6px;
-webkit-border-radius: 6px;
}
section.product-view-description-section{
position: relative;
width: 100%;
height: auto;
margin: 20px 0 20px 0;
}
.product-description-review-content{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
}
h3.product-description-header{
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
outline: none;
}
.service-desc-text{
position: relative;
margin:15px 0 0 0;
}
.service-desc-text p{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
section.product-related-section{
position: relative;
width:100%;
height: auto;
margin:30px 0 30px 0;
}
.related-products-container{
position: relative;
width:1260px;
margin: 0 auto;
}
.related-products-header h3{
font-size: 1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
/*-------------------OverLay Project----*/
.overlay_project_gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  }
  .popup_project_gallery {
  position: relative;
  width: 940px;
  height: 648px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  }
  .popup_project_gallery img{
  width:100%;
  height: 100%;
  object-fit: contain;
  }
  .gallery-list-prev-btn {
  position: absolute;
  z-index: 1111;
  top: 45%;
  left: 22px;
  cursor: pointer;
  }
  .gallery-list-next-btn {
  position: absolute;
  z-index: 1111;
  top: 45%;
  right: 22px;
  cursor: pointer;
  }
  
.close {
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: 18px;
  background: #222222;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  z-index: 1111111;
  font-family: 'NotoSansBold';
}
/*--------------------Basket Order Modal PopUp----------------------*/
.basketOrder_modalBoxContainer{
position: fixed;
display: none;
width: 345px;
height: 200px;
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 6px;
-webkit-border-radius: 15px;
top: 35%;
left:50%;
z-index: 999999999;
box-shadow: 10px 9px 5px 0px #24282a;
-webkit-box-shadow: 10px 9px 5px 0px #24282a;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.basketOrder_modalBoxContainer.modalBoxActive{
display:block;
}
.basketModal_closeBtn{
display: block;
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
background: #272d2e;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
line-height: 32px;
text-align: center;
top: -17px;
right: -11px;
font-family: 'LatoRegular';
font-size: 19px;
}

.backetOrder_modalContent{
position: relative;
width: 100%;
height: auto;
}
.backetOrder_modalTextContent{
position: relative;
padding: 55px 10px 0 20px;
text-align: center;
}
.backetOrder_modalTextContent p:first-child{
font-size: 20px;
font-family: 'LatoRegular';
color: #518d08;
}
.backetOrder_modalTextContent p:last-child{
font-size: 20px;
font-family: 'LatoRegular';
}
a.gotoCart_boxhref{
text-decoration: none;
color: #050507;
font-size: 23px;
font-family: 'LatoRegular';
border-bottom: 1px solid #050507;
}
a.continueShoping_href{
text-decoration: none;
color: #050507;
}

.cartBasketIcon_overlay{
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999999;
}
.cartBasketIcon_overlay.activeCartBasketOverlay{
display: block;
}
.cartItemBar_container{
position: absolute;
right: 0;
top: 65px;
width: 300px;
min-height: 100vh;
background-color: #ffffff;
}
.itemBar_contentGoTocart_header {
position: relative;
margin: 50px 5px 0 5px;
}
.itemBar_contentGoTocart_header a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
background-color: #000000;
text-align: center;
padding: 14px;
outline: none;
cursor: pointer;
}
.cartItemBar_content{
position: relative;
margin-top: 35px;
width: 100%;
min-height: 100vh;
}
.cartItemBasket_box{
display: flex;
display: -webkit-flex;
flex-direction: column;
margin: 15px 0 10px 0;
border-bottom: 1px solid #c4ccd2;
}
.cartItemBasket_box_1{
display: flex;
display: -webkit-flex;
}
.cartItemBasket_imgContent{
position: relative;
margin-left: 10px;
}
.cartItemBasket_namePriceQty_box{
position: relative;
margin-left: 5px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.cartItemBasket_NameContent{
position: relative;
margin-left: 1px;
font-family: 'LatoRegular';
font-size: 0.9rem;
}
span.cartbasket_itemname{
font-family: 'LatoRegular';
font-size: 1rem;
}
.cartbasket_price{
font-family: 'LatoRegular';
font-size: 1rem;
margin: 5px 0 5px 0;
}
.cartbasket_qty{
font-family: 'LatoRegular';
font-size: 1rem;
margin: 5px 0 5px 0;
}
img.cartbasket_img{
width: 80px;
height: 76px;
}
.cartItem_totalSum_content{
position: relative;
margin:10px 0 10px 0;
}
p.cartItem_totalSum_value{
font-size: 1.6rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
input.finishCheckout_SbtBtn{
width:100%;
height:48px;
color:#ffffff;;
font-family: 'Arial';
font-size: 1.2rem;
border:1px solid transparent;
border-radius:21px;
-webkit-border-radius:21px;
background-color:#222222;
cursor: pointer;
}
.cartItemBar_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #fff;
line-height: 35px;
text-align: center;
background-color:#23211e;
border-radius: 50%;
-webkit-radius: 50%;
top: -12px;
left: -13px;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
cursor:pointer;
}
.shop_container{
position: relative;
width: 100%;
min-height: 100vh;
margin: 95px auto;
}
.shop_contant{
position: relative;
width: 1375px;
height: auto;
margin: 0 auto;
border-bottom:1px solid #eaeced;
}
section.shop_section_details{
position: relative;
display: flex;
display: -webkit-flex;
width: 100%;
min-height: 100vh;
margin: 10px auto;
}
aside.shop_details_leftbar{
position: relative;
width: 240px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
}
.shop_details_leftbar h1{
font-size: 1.1rem;
text-align: center;
font-family: 'LatoRegular';
}
.shop_right_side{
position: relative;
width: 75%;
margin-left: 30px;
}

.shop_header{
text-align: center;
font-family: 'LatoRegular';
font-size: 1rem;
border-bottom: 1px solid #dfe2e3;
min-width: 320px;
margin: 0 auto;
}
.shop_boxes{
position: relative;
width: 100%;
height: auto;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 20px 0 90px 0;
}
.shop_box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 330px;
height: auto;
margin: 5px 5px 5px 7px;
flex: 0 1 auto;
padding:5px;
border: 1px solid #eee;
border-radius: 6px;
-webkit-border-radius: 6px;
}
nav.shop_subnav{
position: relative;
width: 210px;
margin-top:10px;
}
ul.shop_subul {
position: relative;
margin: 0px 0 0 0;
}
ul.shop_subul li.subShopnav_li {
position: relative;
padding: 10px 0 10px 0;
list-style: none;
border-bottom: 1px solid #e3e7e7;
}
ul.shop_subul li.subShopnav_li a {
display: block;
text-decoration: none;
color: #222;
font-size: 1rem;
padding-left: 1.1rem;
font-family: 'LatoRegular';
}
.shop_imgcontant {
position: relative;
width: 299px;
height: 220px;
border: 1px solid transparent;
margin: 0 auto;
overflow: hidden;
}
img.shop_img {
width: 100%;
height: 100%;
object-fit: cover;
}
.shop_title_contant {
position: relative;
text-align: center;
margin: 5px 0 5px 0;
border-bottom: 1px solid #e1e4e5;
padding-bottom: 8px;
height: 28px;
overflow: hidden;
}
p.shop_title{
font-family: "LatoRegular";
font-size: 1.1rem;
overflow: hidden;
text-overflow: ellipsis;
}
.shop_price_contant{
position: relative;
text-align: center;
margin: 10px 0 5px 0;
}
.shop_price_contant span{
font-family: 'LatoRegular';
color: #272727;
font-weight: 600;
font-size: 1.1rem;
}
span.shopPag_count{
position: absolute;
left: 14px;
top: 5px;
font-family: 'LatoRegular';
font-size: 0.9rem;
background: #ff1414;
width: 17px;
height: 17px;
border-radius: 50%;
text-align: center;
color: #fff;
}
/*--------Services App Page-------*/
.service-banner-boooking-form-header{
  padding: 0 15px 0 15px;
}
.service-banner-boooking-form-header h3{
font-size: 1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
.service-banner-booking-form-flex{
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
margin-top: 10px;
}
.app-services-boxs{
position: relative;
display: grid;
/*grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));*/
grid-template-columns: repeat(auto-fit, minmax(228px, 228px));
width: 100%;
gap:10px;
}
.app-serviceitem-content-box {
position: relative;
max-width: 228px; /* Prevent stretching*/
height: auto;
/*margin: 15px 10px 15px 10px;*/
box-sizing: border-box;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.service-booking-input-box select.service-select{
height: 38px;
border: 1px solid #dae4e7;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 10px 0 10px;
background: #fff;
outline: none;
}
section.service-view-bookingform-section{
position: relative;
width: 100%;
height: auto;
margin: 20px 0 20px 0;
}
.service-view-bookingform-content{
position: relative;
width: 1260px;
height: auto;
margin: 0 auto;
}
.serviceview-input-box input{
width: 295px;
height: 39px;
padding: 0 0 0 5px;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #dce2e4;
outline: none;
}
.serviceview-input-box select {
width: 190px;
height: 39px;
padding: 0 0 0 5px;
background-color: #ffffff;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #dce2e4;
outline: none;
}
/*------Car Rental-Page Banner-Booking-Form---*/
main.car-rent-main{
position: relative;
width: 1260px;
min-height: 100vh;
margin:130px auto;
}
section.car-rent-banner-section{
position:relative;
width:100%;
height: auto;
}
.car-rent-banner-container{
position: relative;
width: 100%;
height: 500px;
}
.car-rent-banner-content{
position: relative;
width:100%;
height: 100%;
overflow: hidden;
}
.car-rent-banner-content img{
width: 100%;
height:100%;
object-fit: cover;
}
.rentcar-banner-booking-form-container{
position: absolute;
top: 60%;
left: 0%;
transform: translate(1%, -30%);
background: #fff;
padding: 20px;
border-radius: 6px;
-webkit-border-radius:6px;
}
.rentcar-banner-booking-form-flex{
position: relative;
display: flex;
display:-webkit-flex;
align-items: center;
}
.rentcar-booking-input-label-box{
position: relative;
margin:0 10px 0 10px;
}
.rentcar-booking-label-box label{
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
select.pickUpLocation_slide{
background-color:#ffffff;
height: 38px;
border: 1px solid #dae4e7;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 0 0 5px;
outline: none;
}
select.dropOffLocation_slide{
background-color:#ffffff;
height: 38px;
border: 1px solid #dae4e7;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 0 0 5px;
outline: none;
}
.rentcar-booking-input-box input.slide_input{
width:150px;
height:38px;
border: 1px solid #dae4e7;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 0 0 5px;
outline: none;
}
select.slide_timeselect{
background-color:#ffffff;
height: 38px;
border: 1px solid #dae4e7;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 0 0 5px;
outline: none;
}
.rentcar-booking-searchbutton-content{
position: relative;
top:9px;
}
input.rentCarBooking_SearchBtn{
height: 38px;
cursor: pointer;
color: #ffffff;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
padding: 0 10px 0 10px;
background-color:#295cd6;
border: 1px solid transparent;
border-radius: 6px;
-webkit-border-radius:6px;
outline: none;
}
/*--------Car Rent-------*/
.car-rent-detail-box-content{
position: relative;
margin:10px 0 10px 0;
border-bottom:1px solid #e1e7e9;
}
.car-rent-detail-box-flex{
position: relative;
display: flex;
display:-webkit-flex;
justify-content: space-between;
padding:5px 0 5px 0;
}
.car-rent-img-content{
position: relative;
width:270px;
overflow: hidden;
border: 1px solid transparent;
border-radius: 5px;
-webkit-border-radius:5px;
}
img.carrent_image{
width: 100%;
height: 100%;
object-fit: cover;
}
.car-rent-img-title-box{
display: flex;
display:-webkit-flex;
}
.car-rent-title-info-content{
position: relative;
margin-left:20px;
border-left: 1px solid #efefef;
padding: 5px 0 10px 5px;
}
.car-rent-title-info-content h3{
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
}
.car-rent-some-details-boxs{
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.car-rent-some-details-boxs span{
margin: 5px 0 5px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
}

.car-rent-price-box{
position: relative;
margin-right: 10px;
}
.car-rent-price-header{
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
}
.car-rent-price-header h4{
font-size: 1.6rem;
font-family: Arial, Helvetica, sans-serif;
}
.car-rent-price-header span {
margin-left: 10px;
}
.car-rent-select-btn-content{
position: relative;
margin: 20px 0 0 0;
width: 130px;
background-color: #EF233C;
text-align: center;
border-radius: 5px;
-webkit-border-radius:5px;
}
.car-rent-select-btn-content a.carRent_selectBtn{
text-decoration: none;
display: block;
color:#fff;
padding: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 1.2rem;
}

.car-rent-moredetails-btn-content{
position: relative;
margin: 10px 0 10px 0;
}
.car-rent-moredetails-btn-content a.carRent_moreDetailsBtn{
display:block;
text-decoration: none;
color: #35ae13;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3rem;
font-weight: 600;
}
.car-rent-moredetails-container{
display: none;
position: relative;
width: 100%;
height: auto;
padding: 10px;
background: #eeeff0;
margin: 10px 0 10px 0;
border-radius: 5px;
}
.car-rent-moredetails-container.moreDetailsActive{
display: block;
}
.car-rent-moredetails-content h3{
font-size: 1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
.car-rent-moredetails-boxs{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.car-rent-moredetails-boxs .car-rent-moredetail-box{
margin: 10px 10px 10px 10px;
}
.car-rent-moredetail-box span{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 600;
}
/*------Car rental View---------*/
section.rentview-section{
position: relative;
width:100%;
min-height: 100vh;
margin-top:180px;
}
.rentview-container{
position: relative;
width: 1260px;
margin: 0 auto;
}
.rentview-content-boxs{
position: relative;
display:flex;
display: -webkit-flex;
justify-content: space-between;
}
.rentview-leftbox-content{
position: relative;
width:800px;
height: auto;
padding: 0 3px 0 3px;
}
.rentview-leftbox-topheader a{
text-decoration:none;
color:#070a0b;
font-size:1rem;
font-weight: 600;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dadada;
}
.rentview-leftbox-rent-details-content .rentview{
position: relative;
margin:10px 0 10px 0;
}
.rentview-leftbox-rent-details-content .rentview h4{
font-size:1.3rem;
font-family: Arial, Helvetica, sans-serif;
}
.rentview-leftbox-cardetails-flex-boxs{
display:flex;
display:-webkit-flex;
justify-content: space-between;
margin-top: 15px;
border: 1px solid #d1d7da;
border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0 10px 0 10px;
}
.rentview-icon-box{
position: relative;
display:flex;
display:-webkit-flex;
align-items: center;
margin: 5px 0 5px 0;
}
span.rentview-icon-name{
margin-left:10px;
}
.rentview-icon-box span{
color: #0c1214;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.rentview-carimage-gallery-content{
position: relative;
margin:20px 0 20px 0;
display: flex;
display: -webkit-flex;
border: 1px solid #d1d7da;
border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0 5px 0 15px;
}
.rentview-carimage-content{
position: relative;
width: 340px;
height: 340px;
overflow: hidden;
border: 1px solid transparent;
border-radius: 5px;
-webkit-border-radius: 5px;
}
img.car_rentgallery_mainimage{
width:100%;
height:100%;
object-fit: contain;
}
.rent-gallerylist-box{
position: relative;
width: 100px;
height:100px;
border: 1px solid #e2e8ed;
border-radius: 6px;
-webkit-border-radius: 6px;
}
img.gallerylist_img{
width: 100%;
height:100%;
object-fit: cover;
cursor: pointer;
}
.rentview-gallery-lists{
position: relative;
margin:5px 5px 5px 10px;
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap:0.3rem;
row-gap:0.3rem;
}
.rentview-rightbox-content{
position: relative;
width:calc(1260px - 810px);
}
.rentview-rightbox-price-content{
position: relative;
border: 1px solid #d1d7da;
border-radius: 10px;
-webkit-border-radius: 10px;
padding: 30px 10px 30px 15px;
}
.rentview-rightbox-price{
position: relative;
display: flex;
display:-webkit-flex;
align-items: center;
}
.rentview-rightbox-price p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6rem;
font-weight: 600;
}
.rentview-rightbox-price span{
margin-left:10px;
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
.rentview-rightbox-pricedetails-content{
position: relative;
border: 1px solid #d1d7da;
border-radius: 10px;
-webkit-border-radius: 10px;
padding: 30px 10px 30px 15px;
margin:20px 0 20px 0;
}
.rentview-rightbox-pricedetails{
border-bottom: 1px solid #d4dcdf;
padding-bottom: 20px;
}
.rentview-rightbox-pricedetails p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5rem;
font-weight: 600;
}
.rightbox-carprices-box{
position: relative;
display: flex;
display:-webkit-flex;
justify-content:space-between;
margin-top: 10px;
}
.rightbox-carprices-box p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight:500;
}
.rentview-rightbox-pricedetails span{
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
.rentview-rightbox-pricetotal-content{
position: relative;
margin-top:20px;
}
.rentview-rightbox-pricetotals{
position: relative;
display: flex;
display:-webkit-flex;
justify-content: space-between;
}
.rentview-rightbox-pricetotals p.total-header, p.total-value{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight:600;
}
.rentview-rightbox-reserverbutton{
position: relative;
margin:20px 0 0 0;
}
.rentview-rightbox-reserverbutton input.carRental_Reservebutton{
display:block;
width:100%;
border:1px solid transparent;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight:600;
background-color:#295cd6;
padding:16px 10px 16px 10px;
text-align: center;
border-radius:12px;
cursor:pointer;
outline: none;
}
.rentview-label-input-content-boxes{
position: relative;
display:flex;
display:-webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
margin:10px 0 10px 0;
}
.rentview-label-box label{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight:500;
color: #001a23;
}
.rentview-input-box input{
width: 350px;
height:39px;
padding:0 0 0 5px;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #dce2e4;
outline:none;
}
input.pickUpDate, input.dropOffDate{
width:190px;
}
.rentview-input-box select{
width:190px;
height:39px;
padding:0 0 0 5px;
background: #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #dce2e4;
outline:none;
}
select.pickupLocation, select.dropoffLocation{
width:350px;
height:39px;
padding:0 0 0 5px;
background: #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #dce2e4;
outline:none;
}
section.booking-approval-section{
position: relative;
width:100%;
min-height:100vh;
margin-top: 190px;
}
.booking-approval-container{
position: relative;
width:1260px;
height: auto;
margin:0 auto;
}
.booking-approval-content{
position: relative;
margin-top:20px;
padding: 15px 0 15px 0;
}
.booking-approval-boxs{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-around;
}
.rental-approval-infobox{
position: relative;
border: 1px solid #cdd3d6;
padding:20px 20px 20px 20px;
border-radius: 5px;
-webkit-border-radius:5px;
}
.rental-approval-customerbox{
position: relative;
border: 1px solid #cdd3d6;
padding:20px 20px 20px 20px;
border-radius: 5px;
-webkit-border-radius:5px;
}
.rental-approval-header{
border-bottom: 1px solid #d6d9da;
padding: 5px 0 5px 0;
margin: 0 0 10px 0;
}
.rental-approval-header h3{
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
color: #344b53;
}
.rental-approval-list{
position: relative;
margin:10px 0 10px 0;
}
.rental-approval-list p{
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
.rental-approval-list-img{
position: relative;
margin:20px 0 20px 0;
}
.rental-approval-list-img img{
width: 340px;
border-radius:6px;
-webkit-border-radius:6px;
}
.booking-approval-text{
position: relative;
margin:10px 0 10px 0;
}
.booking-approval-text h3{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:1.3rem;
}
.booking-approval-text p{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2rem;
}
/*-----Cart Page------*/
section.cart-section{
position: relative;
margin-top:170px;
width:100%;
height: auto;
}
.cartpage_content{
position: relative;
width:1265px;
margin:0 auto;
min-height: 100vh;
}
.cart_table_content{
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
table.cart_table{
position: relative;
width: 100%;
border-collapse: collapse;
}
table.cart_table tr th{
border: 1px solid #c7d4d8;
padding: 20px;
font-family: 'LatoRegular';
}
table.cart_table tr td{
border: 1px solid #c7d4d8;
padding: 15px;
font-family: 'LatoRegular';
}
a.itemDel_btn{
text-align: center;
}
.cartPageTotal_amountcontent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.goToOrder_BtnContent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
a.goToOrderBtn {
display: block;
text-decoration: none;
color: #ffffff;
background-color: #000000;
padding: 15px;
width: 250px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
.cartPage_header{
position: relative;
}
.cartPage_header h3{
font-family: 'LatoRegular';
font-size: 25px;
}
.itemQtySelect_box {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-left: 4px;
}
input.itemQty_value {
position: relative;
width: 70px;
text-align: center;
height: 35px;
border: 1px solid transparent;
background: #f2f2f2;
font-size: 20px;
}

/*-------News Pages----------*/
section.news-view-section-container{
position: relative;
width: 100%;
min-height:100vh;
margin-top:155px;
}
.newsview-container{
position: relative;
width:775px;
height: auto;
margin: 0 auto;
border-bottom:1px solid #ddd;
}
.newsview-header{
position: relative;
padding: 10px;
}
.newsview-header h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.7rem;
}
.newsview-date{
position: relative;
margin: 20px 0 20px 0;
padding: 0 0 0 10px;
}
.newsview-date span{
font-family:Arial, Helvetica, sans-serif;
font-size: 1rem;
color:#979ba6;
font-weight: 600;
}
.newsview-imgcontent{
position: relative;
width:100%;
height: 520px;
overflow: hidden;
}
.newsview-imgcontent img{
width: 100%;
height:100%;
object-fit:cover;
}
.newsview-text-content{
position: relative;
padding: 10px;
margin:40px 0 20px 0;
}
.newsview-text-content p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
line-height: 1.7rem;
}
section.newsview-related-news-section{
position: relative;
width: 100%;
margin: 0 0 20px 0;
}
.newsview-relatednewslist-container{
position: relative;
width: 1260px;
margin: 0 auto;
}

/*----News Lists-----*/
section.newsview-list-section{
position: relative;
width: 100%;
min-height:100vh;
margin-top:155px;
}
.newsview-list-container{
position: relative;
width: 900px;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #09c;
}
.newsview-navroute-content{
position: relative;
margin: 5px 0 15px 0;
padding: 0 0 0 15px;
display: flex;
display: -webkit-flex;
}
.newsview-navroute-content a{
display: block;
text-decoration: none;
margin: 0 5px 0 5px;
font-size: 0.9rem;
font-family:Arial, Helvetica, sans-serif;
font-weight: 600;
}
.newsview-navroute-content a:first-child{
color: #b1b6b7;
}
.newsview-navroute-content a:last-child{
 color:#f70740;
}
.newsview-navroute-content span{
  color: #222222;
}
.newslist-boxs-flex{
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.newslist-box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 48%;
height: auto;
overflow: hidden;
margin: 10px 0 10px 10px;
}

/*------Abous Us Pages-----*/
section.about-section-container{
position: relative;
width:100%;
min-height:100vh;
margin-top:155px;
}
.about-container{
position: relative;
width:1260px;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #dde1e3;
}
.about-navroute-content{
position: relative;
margin: 5px 0 15px 0;
padding: 0 0 0 15px;
display: flex;
display: -webkit-flex;
}
.about-navroute-content a {
display: block;
text-decoration: none;
margin: 0 5px 0 5px;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.about-navroute-content a:first-child {
color: #b1b6b7;
}
.about-navroute-content a:last-child {
color: #f70740;
}
.about-navroute-content span {
color: #222222;
}

/*------Career Pages-----*/
section.career-section-container{
position: relative;
width:100%;
min-height:100vh;
margin-top:155px;
}
.career-container{
position: relative;
width:1260px;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #dde1e3;
}
.career-navroute-content{
position: relative;
margin: 5px 0 15px 0;
padding: 0 0 0 15px;
display: flex;
display: -webkit-flex;
}
.career-navroute-content a {
display: block;
text-decoration: none;
margin: 0 5px 0 5px;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.career-navroute-content a:first-child {
color: #b1b6b7;
}
.career-navroute-content a:last-child {
color: #f70740;
}
.career-navroute-content span {
color: #222222;
}

/*------Contact Pages-----*/
section.contact-section-container{
position: relative;
width:100%;
min-height:100vh;
margin-top:155px;
}
.contact-container{
position: relative;
width:1260px;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #dde1e3;
}
.contact-navroute-content{
position: relative;
margin: 5px 0 15px 0;
padding: 0 0 0 15px;
display: flex;
display: -webkit-flex;
}
.contact-navroute-content a {
display: block;
text-decoration: none;
margin: 0 5px 0 5px;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.contact-navroute-content a:first-child {
color: #b1b6b7;
}
.contact-navroute-content a:last-child {
color: #f70740;
}
.contact-navroute-content span {
color: #222222;
}
/*----Footer---*/
footer{
position: relative;
width:100%;
height:auto;
background-color: #212529;
}
.footer_container{
position: relative;
width:1260px;
height:auto;
margin:0 auto;
padding: 60px 0 30px 0;
}
.footer_content{
position: relative;
width:100%;
}
.footer-boxs-flex{
display:flex;
display:-webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-logo{
margin:0 0 10px 0;
}
.footer-logo h1{
color:#fff;
font-family: arial;
font-size: 1.8rem;
}
.footer-about-info{
margin:0 0 10px 0;
}
.footer-about-info h2{
color:#ffffff;
font-family:arial;
font-size:1.2rem;;
}
.footer-about-text{
margin:0 0 20px 0;
}
.footer-about-text p{
color:#687182;
font-size: 1rem;
font-family: arial;
line-height: 23px;
}
.footer-about-email a{
display:block;
color: #ef233c;;
text-decoration:none;
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.footer-needhelp-header{
margin:0 0 10px 0;
}
.footer-needhelp-header h4{
color:#fff;
font-family:arial;
font-weight:600;
font-size: 1.3rem;
}
.footer-support-phone{
margin: 30px 0 25px 0;
}
.footer-support-phone h3{
color:#ffffff;
font-size: 1.5rem;
font-family:arial;
font-weight:600;
}
.footer-support-email a{
color: #ef233c;
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
}
nav.footer-nav ul li{
list-style:none;
margin:10px 0 10px 0;
}
nav.footer-nav ul li a{
text-decoration:none;
color: #E9ECEF;;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}

.footer-second-level{
position: relative;
display:flex;
display:-webkit-flex;
width:100%;
height: auto;
justify-content: center;
margin: 50px 0 10px 0;
padding: 20px 0 20px 0;
border-top: 1px solid #333537;
border-bottom: 1px solid #333537;
}
.footer-second-level-box p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
font-weight:600;
color: #e4e8ea;
margin: 0 10px 0 10px;
}
/*.footer-privacy-nav{

}*/
nav.privacy-nav ul{
display:flex;
display:-webkit-flex;
list-style:none;
}
nav.privacy-nav ul li{
margin: 20px 0px 20px 0px;
text-align: center;
}
nav.privacy-nav ul li a{
display:block;
text-decoration:none;
color:#ffffff;
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
.footer-copy-right-content p{
color: #687182;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
}
.mobileBurgerBtn_contant{
display:none;
position: absolute;
display: block;
left: 2px;
top: -15px;
width: 35px;
}
.mobile-logo-content{
display:none;
}
.mobileNavmenu_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 90%;
min-height:calc(100vh - 70px);
/*background-color: rgba(3, 4, 7, 0.89);*/
background-color: rgba(255, 255, 255, 0.89);
/*background-color: rgba(18, 19, 27, 0.7);*/
z-index: 99999999;
overflow: hidden;
overflow-y: auto;
}
.mobileSoc_linksContent{
display:flex;
display:-webkit-flex;
}
.showing-filter-result a.mobile_advance_filter_btn{
display:none;
}
.mobile-filter-slide-close{
display:none;
}
.mobileNav_logocontent{
display:none;
}
.mobile-bottom-nav-container{
display:none;
}
.search-popup-container{
position:fixed;
display:none;
top:0;
left:0;
width:100%;
min-height:100vh;
background-color:#ffffff;
padding:1.7rem;
z-index:999999;
}
.search-popup-container.searchPopUpActive{
display:block;
}
.searchPopUp_closeBtn{
position:absolute;
right: 20px;
top: 9px;
background-color: #c1c8cb;
border-radius: 50%;
padding: 5px;
}
.search-popup-input-content{
position: relative;
margin-top: 30px;
}
.search-popup-input-content input{
width: 100%;
height: 42px;
border-radius: 5px;
-webkit-border-radius:5px;
border: 1px solid #cfdadd;
padding-left: 10px;
outline: none;
}
.searchpopup-content-list{
position: relative;
margin-top:20px;
}
section.mobile-advance-filter-search-section{
display: none;
position: relative;
width: 1260px;
margin: 0 auto;
}
.mobile_profile_nav_container{
display:none;
}
.mobilecarRent-bookingOpenBtn-container{
display:none;
}
/*------Mobile-------*/
@media screen and (min-width:320px) and (max-width:768px){
.popUp_container{
width:95%;
left:50%;
}
.reglog_errorbox{
width:95%;
}
a.navsearch-btn{
display:none;
}
.myprofile-leftbar{
display:none;
}
.mobileBurgerBtn_contant{
display:block;
}
span.burger_line{
display: block;
width: 30px;
height: 3px;
margin-top: 6px;
margin-left: 3px;
background: #272727;
}
.mobile-logo-content{
display:block;
margin-left:60px;
}
.mobile-logo-content a{
display: block;
text-decoration:none;
color: #121210;
font-size: 1.3rem;
font-family: Arial;
font-weight: 600;
}

.aswb_container img{
width:30px;
}
.aswb-login-profile-login a{
  padding: 5px 9px 5px 9px;
}
.mobileNavmenu_overlay.mobileManuActive{
display: block;
}
.mobileNavmenu_contant{
position: absolute;
width: 100%;
min-height:100vh;
right: 0;
background-color: #ffffff;
}
.mobileNav_logocontent{
position: absolute;
display: block;
top: 22px;
left: 10px;
}
.mobileNav_logocontent a{
text-decoration: none;
color: #222;
font-size: 1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
.mobileNav_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #000;
line-height: 35px;
text-align: center;
background: #e5e6e7;
border-radius: 50%;
-webkit-radius: 50%;
top: 15px;
right: 8px;
font-size: 1.1rem;
font-weight: 600;
font-family:Arial, Helvetica, sans-serif;
}
nav.mobile_nav{
position: relative;
width: 100%;
height: 100%;
margin: 60px 0 0 0;
padding: 10px;
}
a.topNav_signBtn{
display:block;
text-decoration:none;
color:#ffffff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
a.topNav_bookBtn{
display:block;
text-decoration:none;
color:#ffffff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
ul.mobile_ul li{
list-style: none;
border-bottom: 1px solid #e3e7e8;
margin: 7px 0 7px 0;
text-align: left;
}
.mobile-subnav-content{
position: relative;
width:100%;
overflow: hidden;
height: auto;
max-height:0;
transition: max-height 0.3s ease;
-webkit-transition: max-height 0.3s ease;
}
.mobile-subnav-content.subnavActive{
min-height:50px;
}
ul.mobile-subnav-ul li.mobilesubnav-li{
 margin-left:20px;
}
ul.mobile-subnav-ul li.mobilesubnav-li:last-child{
border-bottom: none;
}
ul.mobile_ul li.mobilemain-nav-li a.mobilesub-info-link{
display: flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
ul.mobile-subnav-ul li.mobilesubnav-li a{
display: block;
text-transform: capitalize;
text-decoration: none;
font-size: 1rem;
color: #000000;
padding: 3px 6px 6px 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight:500;
}
ul.mobile_ul li a{
display: block;
text-decoration: none;
font-size:0.9rem;
color: #000000;
text-transform: uppercase;
padding: 10px 6px 10px 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.mobile_ul-second-header p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2rem;
font-weight: 600;
}
ul.mobile_ul-second{
position: relative;
margin-top: 30px;
}
ul.mobile_ul-second li{
list-style: none;
border-bottom: 1px solid #e3e7e8;
margin: 7px 0 7px 0;
text-align: left;
}
ul.mobile_ul-second li a{
display: block;
text-decoration: none;
font-size:0.9rem;
color: #000000;
text-transform: uppercase;
padding: 10px 6px 10px 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.mobileNavContact_container{
position:relative;
margin-top: 1px;
left: 10px;
}
.mobileNavContact_content p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.9rem;
font-weight: 600;
color: #9a9fa0;
}
.mobileNav_tel{
position: relative;
margin-top: 10px;
}
.mobileNav_tel a{
text-decoration:none;
color: #9a9fa0;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
display: flex;
display: -webkit-flex;
align-items: center;
}
.mobileNav_tel a span{
margin-left:5px;
}
.mobileSoc_linksContainer{
position: relative;
bottom: 0;
left: 10px;
width: 90%;
top:15px;
}
.mobileSocLink_header p{
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dbe7f4;
}
.mobileSoc_linksContent div{
margin: 5px;
}
.top_nav{
display:none;
}
.main_nav_content{
width:100%;
padding: 10px 5px 10px 5px;
}
nav.main_nav{
display:none;
}
section.slider-conatiner-section{
margin-top:75px;
}
.slider_container{
height:315px;
}
.slider_content{
height:290px;
}
img.mainsliders_img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}
.slidertext_content{
top:19%;
left:0;
transform: translate(3%, -55%);
-webkit-transform: translate(3%, -55%);
}
.sliderbutton_content {
top: 40%;
left: 15%;
transform: translate(20%, -33%);
-webkit-transform: translate(20%, -33%);
}
.slidertext_content h1{
font-size: 1rem;
}
.mainpage-mainsearch-container{
position: relative;
display:none;
width: 95%;
margin-top: 260px;
background-color: #676768;
}
.mainsearch-inputsfields-container{
flex-wrap: wrap;
}
.mainsearch-fields-boxs{
width:100%;
margin: 10px 0 10px 0;
}
.mainsearch-fields-boxs select.mainsearch-select{
width:100%;
}
.main_container{
position: relative;
width: 95%;
margin: 40px auto;
}

section.mobile-advance-filter-search-section{
display: block;
position: relative;
width: 90%;
margin:  auto;
}
.mobile-advance-filter-search-container{
position: relative;
margin: 20px 0 0 0;
}
.mobile-advance-filter-header{
background-color: #113f4e;
border-radius: 5px;
-webkit-border-radius:5px;
}
a.mobile-advance-linkbtn{
display:flex;
display:-webkit-flex;
justify-content: space-between;
text-decoration:none;
color:#ffffff;
font-size: 1.2rem;
padding:10px;
font-family: Arial, Helvetica, sans-serif;
}
.mobile-advance-filter-search-content{
display:block;
}
.mobile-advance-filter-search-content.activeMobileFilter{
display:block;
}
input.mainsearchFind_mobilebtn{
width:100%;
height: 42px;
border: 1px solid transparent;
background: #ff0735;
color: #fff;
border-radius: 5px;
box-shadow: 2px 2px 2px 2px #e2e3e3;
-webkit-box-shadow: 2px 2px 2px 2px #e2e3e3;
border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1.1rem;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid transparent;
}
.card-box-content{
display: flex;
display: -webkit-flex;
justify-content: space-around;
width:100%;
margin:0 auto 10px auto;
padding:10px;
}
.card-text h1{
font-size:1rem;
}
.mainpage-top-banners-container{
width:100%;
}
.main-banners-boxs-flex{
flex-wrap: wrap;
}
.banners-box{
width:97%;
margin:10px auto 10px auto;
}

.featured-prodcts-container{
width:100%;
}

.second-level-banners-container{
width:100%;
}

/*.banner-left-box{
width: 97%;
margin: 10px auto 10px auto;
height: 340px;
}
.second-level-banners-boxs-flex .banner-left-box img{
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-text-wrapper-content {
position: absolute;
width: 98%;
height: 100%;
left: 0px;
top: 0;
}
.second-level-banner-header {
position: relative;
width: 100%;
z-index: 1;
padding: 2rem;
margin-top: -0.5rem;
}
.second-level-banner-header h2 {
font-size: 1.1rem;
font-family: "Krub", sans-serif;
font-weight: 600;
line-height: 2.1rem;
}
.second-level-banners-boxs-flex .banner-left-box, .banner-right-box {
position: relative;
width: 97%;
margin:10px auto 10px auto;
height: auto;
}
*/

.second-level-banners-boxs {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 10px;
}
.left-banner, .right-banner {
grid-column: 1;
grid-row: auto;
}
.banner-image {
max-height: 300px; 
}
.right-banner .banner-image {
max-height: 300px;
}
.second-level-banner-header {
padding: 1rem;
margin-top: 1rem;
}

.mainpage-3-lavel-banner-container{
 width: 97%;
}
.main-4-level-cards-container{
  width: 97%;
}
.level-4-box{
 width:100%;
 margin:10px 0 10px 0;
}
.main-news-container{
width: 100%;
}
/*---------Product list page----*/
.category-products-page-wrapper{
position: relative;
width:100%;
margin:65px auto
}
.products-mobile-filter-overlay{
display:none;
position: fixed;
width: 100%;
min-height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
z-index: 30;
top: 0;
left: 0;
}
.products-mobile-filter-overlay.productMobileFilterActive{
display: block;
}
.category-page-filter-right-side-content{
position: fixed;
display: block;
z-index: 1;
top: 0;
background: #fff;
min-height: 100vh;
width: 85%;
padding: 10px;
}
.mobile-filter-slide-close{
position: absolute;
display:block;
top: 10px;
right: 30px;
background: #e5e6e6;
width: 32px;
height: 32px;
text-align: center;
border-radius: 8px;
font-size: 1rem;
font-family: arial;
font-weight: 600;
}
a.mobileFilter_closeBtn{
display: block;
text-decoration: none;
color: #000;
padding: 5px;
}
/*---top filter header--*/
.showing-filter-result p{
display:none;
}
.product-sortby-span{
display:none;
}
.showing-filter-result a.mobile_advance_filter_btn{
display:block;
display:flex;
display:-webkit-flex;
align-items: center;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
color: #333537;
}
.show-total-items-content span{
display:none;
}
select.product-sort-by-select{
width:115px;
}
/*----products lists----*/
.category-page-products-content-side{
position: relative;
width:100%;
padding:5px;
border-right:none;
}

.appitem-content-box{
width:48%;
}
.item-image-content{
width:100%;
}
.item-image-content img.boxitem-img {
object-fit: cover;
}
.item-box-content-info{
padding:0.2rem;
}
.item-box-title p{
  font-size: 0.9rem;
}
.product-gallery-detail-content{
width:95%;
}
.product-name-header h2{
font-size: 1.2rem;
}
/*-----Product view-page---*/
.product-view-wrapper{
margin:85px auto;
}
.product-gallery-side{
width:100%;
}
.product-main-image-content{
width:100%;
}
.itemBigImg_content{
width:100%;
height:350px;
}
.popup_project_gallery{
position: relative;
width:95%;
height: auto;
}
.related-products-container{
width:95%;
}
/*----Car Rent Page------*/
.car-rent-img-title-box{
flex-wrap: wrap;
}
.car-rent-detail-box-flex{
flex-wrap: wrap;
}
.car-rent-img-content{
width: 100%;
}
/*----Login Register--*/
section.register-login-wrapper{
width: 100%;
margin-top:80px;
}

/*-------Section-Booking approval----*/
section.booking-approval-section{
position: relative;
width:100%;
margin-top: 60px;
}
.booking-approval-container {
position: relative;
width:95%;
margin:0 auto;
}
.booking-approval-boxs{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.rental-approval-infobox{
width:100%;
margin:10px 0 10px 0;
}
.rental-approval-list p{
font-size:1rem;
}
.rental-approval-list-img{
overflow: hidden;
}

/*-----Service page lists mobile-----*/
.app-services-boxs{
grid-template-columns: repeat(2, 1fr);
gap:10px;
}
.app-serviceitem-content-box{
max-width:none;
margin:0;
}
/*----Car rental page mobile----*/
main.car-rent-main{
width: 97%;
margin: 85px auto;
}
.car-rent-banner-container{
height:290px;
}
.mobilecarRent-bookingOpenBtn-container{
display:block;
position:absolute;
top:50%;
left: 2%;
transform: translate(1%, -40%);
-webkit-transform: translate(1%, -40%);
width:197px;
height:43px;
background-color: #0069ff;
border-radius: 5px;
-webkit-border-radius:5px;
}
a.mobilecarRent_bookingOpenBtn{
display: flex;
display: -webkit-flex;
align-items: center;
text-decoration: none;
color: #ffffff;
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
padding: 9px;
}
a.mobileRentCarBooking_closeBtn{
position:absolute;
right: -4px;
top: -16px;
text-align: center;
background-color:#183ed4;
width:30px;
height:30px;
line-height: 25px;
border-radius:50%;
-webkit-border-radius:50%;
}
.rentcar-banner-booking-form-container{
display:none;
width:95%;
top:34%;
left:1%;
transform: translate(1%, -30%);
-webkit-transform: translate(1%, -30%);
background: #fff;
padding: 10px 10px 14px 10px;
}
.rentcar-banner-booking-form-flex {
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
flex-wrap: wrap;
}
select.pickUpLocation_slide{
width:135px;
}
select.dropOffLocation_slide{
width:135px;
}
/*----Car rent view page mobile---*/
section.rentview-section{
width:100%;
margin-top:70px;
}
.rentview-container{
width:100%;
}
.rentview-content-boxs{
flex-wrap: wrap;
}
.rentview-leftbox-content{
width:100%;
}
.rentview-carimage-gallery-content{
flex-wrap: wrap;
padding: 0 5px 0 5px;
}
.rentview-carimage-content{
width:100%;
}
.rentview-gallery-lists{
margin:5px 5px 5px 5px;
grid-template-columns: repeat(3, 1fr);
}
.rentview-label-input-content{
width:49%;
}
.rentview-input-box input.pickUpDate{
width:100%;
}
.rentview-input-box input.dropOffDate{
  width:100%;
}
.rentview-input-box select {
  width: 100%;
}
.rentview-rightbox-content{
width:95%;
margin:0 auto;
}
.rentview-input-box input{
width:100%;
}
/*-----Mobile bottom nav container---*/
.mobile-bottom-nav-container{
display:block;
position: fixed;
bottom: 0;
left:0;
width: 100%;
background: #fff;
height: 70px;
border-top: 1px solid #c3cfda;
box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;
z-index: 999;
padding: 0.625rem 0.7rem;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul{
position: relative;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
justify-content: space-between;
list-style:none;
padding: 0;
margin: 0;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul li{
/*flex: 1;*/
/*-webkit-box-flex: 1;*/
padding-left: 5px;
padding-right: 5px;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul a.bottomlink{
display: flex;
display:-webkit-flex;
flex-direction: column;
align-items: center;
font-family: Arial, Helvetica, sans-serif;
color:#626c6f;
font-size:0.7rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}

/*---Mobile Cart-Basket Page---*/
section.cart-section {
position: relative;
margin-top: 90px;
width: 100%;
}
.cartpage_content {
position: relative;
width: 95%;
}
.cart_table_content{
overflow-x: scroll;
}
/*----Profile Page----*/
.mobile_profile_nav_container {
display: block;
width: 220px;
margin: 0 0 20px 5px;
}
.profileMob_btun_content {
background: #fff;
padding: 10px;
box-shadow: 2px 2px 2px 2px #ededed;
-webkit-box-shadow: 2px 2px 2px 2px #ededed;
border-radius: 5px;
-webkit-border-radius: 5px;
}
nav.mobile_profile_nav {
position: relative;
margin-bottom: 20px;
display: none;
background: #fff;
box-shadow: 1px 2px 2px 1px #d2d7db;
-webkit-box-shadow: 1px 2px 2px 1px #d2d7db;
margin-top: 3px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
nav.mobile_profile_nav.profileMobNavActive {
display: block;
}
ul.mobile_profile_ul {
  list-style: none;
}
ul.mobile_profile_ul li {
  margin: 0 0 5px 0;
}
ul.mobile_profile_ul li a {
display: block;
text-decoration: none;
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
padding: 7px 0 7px 10px;
border-bottom: 1px solid #dfe8eb;
}
a.profile_mobileNavBtn {
display: flex;
display: -webkit-flex;
justify-content: space-between;
text-decoration: none;
color: #020206;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
.myprofile-container{
width:100%;
}
.myprofile-rightcontent{
width:100%;
}
.myprofile-form-content{
width:100%;
}
/*-----Order Section pages---*/
section.orders-section {
width: 100%;
margin-top: 85px;
}
.orders-container{
width:95%;
}
.order-content{
flex-wrap: wrap;
}
.order-left-content{
width:100%;
border-right: none;
}
.order-left-form-container{
flex-wrap: wrap;
}
.order-left-form-content{
width:100%;
}
.order-label-input-content .input-col input{
width:100%;
}
textarea.userOrderMessage {
width: 100%;
height: 90px;
}
.order-right-content{
width:100%;
}
.order-success-container {
width: 95%;
}
section.invoices-wrapper-section{
margin-top:80px;
}
.invoice-list-container{
width:100%;
overflow-x: scroll;
}
/*-----News Pages----*/
section.news-view-section-container {
margin-top: 100px;
}
.newsview-container {
width: 95%;
border-bottom: 1px solid #ddd;
}
.newsview-header h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4rem;
}
.newsview-imgcontent {
height:360px;
}
/*---News Lists Page---*/
section.newsview-list-section{
margin-top:100px;
}
.newsview-list-container{
width: 95%;
}
.newslist-box{
width:95%;
}
/*------Footer------*/
.footer_container{
width: 100%;
}
.footer-about-box{
width:100%;
text-align: center;
}
.footer-support{
width: 100%;
text-align: center;
margin-top:10px;
}
.footer-main-nav{
width:49%;
text-align: center;
margin-top:10px;
}
.footer-store-nav{
 width:49%;
 text-align: center;
}
} 
@media screen and (min-width:320px) and (max-width:654px){
.pageheader-nav-route{
  flex-wrap: wrap;
 }
 .pageheader-nav-route a{
  font-size: 0.9rem;
  margin:3px 2px 3px 2px;
 }
 .pageheader-nav-route a.navroute-notactive-link{
  padding: 3px 3px 3px 3px;
 }
}
@media screen and (min-width:451px) and (max-width:768px){
.card-box-content {
flex-direction: column;
 }
 .card-text a {
  font-size: 0.9rem;
}
}