@charset "UTF-8";
/* CSS Document */


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
*{box-sizing:border-box;-moz-box-sizing: border-box;text-decoration: none;}
body{
	padding:0;
	margin:0;
	background: #f5f5f5;
	padding-top:135px;
	font-family: 'Lato', sans-serif;
	color: #333333;
}

a{color:inherit;}

input {
    border-radius: 0;
}
.clickable{cursor: pointer;}
/*new header and homepage css*/
.container-fuild{width:100%;display: flex;padding:0 30px;}

.container{width:1366px;display: block;position: relative;}
.container-short{width:716px;display: block;position: relative;padding: 35px;}

.main-title{width:100%;display: block;}
.main-title h2{margin:0;font-size:30px;text-align: center;}
.main-title p{font-size:18px;font-weight: lighter;text-align: center;margin:5px 0 0 0;}

.product-each {width:20%;height: auto;display: block;padding:10px}
.product-each .inner{width:100%;border-radius: 3px;border:1px solid #ebebeb;padding:15px;transition: 0.3s ease all;background:#ffffff;}

.product-each .inner:hover{border-color:#00a591;}
.product-each .img{width:100%;display:block;height: auto;position: relative;}
.product-each .img img{width:100%;display:block;height: auto}
.product-each .txt{margin-top:10px;display: block;}
.product-each .one{display: flex;justify-content: space-between;align-items: center;width:100%;}
.product-each .one a, .product-each .one a i{font-size:12px;color:#999999;display: inline-block;transition: 0.3s ease all;text-transform: capitalize;}
.product-each h3{font-size:16px;margin:10px 0 0 0;}
.product-each h3 a{transition: 0.3s ease all;color:#333333;}
.product-each h3 a:hover{color:#00a591;}
.product-each p{font-size:14px;margin:10px 0 0 0;font-weight: 600;}
.product-each span{font-size:12px;color:#999999;font-weight: normal;}
.product-each .product-tags{width:100%;display: flex;flex-direction: column;position: absolute;top:2px;}
.product-each .product-tags span{color:#ffffff;padding:3px;max-width: 50px;margin:3px 0;font-size:10px;}
.load-more{width:100%;display: flex;justify-content: center;padding:20px 0;}
.load-more a{color:#ffffff;width:auto;padding:10px 20px;background:#00a591;}

.wrapper{width:100%;display: block;overflow-y: hidden;}
header{width:100%;display: block;background:red;}
header .mbl-header{display: none;position: fixed;top: 0;left:0;width:100%;background:#00a591;color:#ffffff;z-index: 10;padding:20px 0;}
.mbl-header .container-fuild{flex-wrap: wrap;}
.mbl-header .mbl-top{width:100%;display: flex;justify-content: space-between;align-items: center;height: auto;}
.mbl-header .humburger{width:auto;display: flex;align-items: center;}
.mbl-header .humburger>div{display: block;width: 45px;height: 45px;outline: none;}
.mbl-header .humburger>a{display: inline-block;width: 120px;}
.mbl-header .humburger>a>img{width:100%;height: auto;display: block;}
.mbl-header .humburger>div{display: flex;position: relative;}
.mbl-header .humburger>div img{height:45px;width: 45px;outline: none;display: block;}
.mbl-header .humburger>div img {position: absolute;top: 0;left: 0;padding: 8px;cursor: pointer}
.mbl-header .humburger>div img+img {opacity: 0;}
.mbl-header .humburger>div.open img{opacity: 0}
.mbl-header .humburger>div.open img+img {opacity: 1}
.mbl-header .other-info{width:100%;flex-grow: 1;display: flex;justify-content: flex-end;align-items: center;}
.mbl-header .other-info>div{position: relative;}
.mbl-header .other-info>div>ul{display: none;}
.mbl-header .other-info>div>a{margin: 0 15px;text-transform: uppercase;}
.mbl-header .other-info>div>a.user-info{font-size:24px;}
.mbl-header .other-info ul{color:#333333;}
.mbl-header .other-info .show-language{display: none;list-style: none;padding:0;background:#ffffff;position: absolute;top: 15px;left:0;}
.mbl-header .other-info .show-language li{border-bottom:#ebebeb solid 1px;padding:10px 10px;font-size:14px;}
.mbl-header .other-info .show-language li a:hover{transition: 0.3s ease all;color:#00a591;}
.mbl-header .other-info .show-user-info{display: none;list-style: none;padding:0;background:#ffffff;position: absolute;top: 15px;right:0;width:150px;}
.mbl-header .other-info .show-user-info li{border-bottom:#ebebeb solid 1px;padding:10px 10px;font-size:14px;}
.mbl-header .other-info .show-user-info li a:hover{transition: 0.3s ease all;color:#00a591;}
header .top {width:100%;display: block;padding:20px 0;background:#ffffff;position: fixed;top:0;left:0;z-index: 100;}
header .top .container-fluid{width:100%;display: flex;align-items: center;padding:0 30px;}
header .top .logo{width:200px;display: block;height: auto;}
header .top .logo img{width:100%;height: auto;display: block;}
header .top .search{width:100%;display: flex;flex-grow: 1;height: auto;padding:0 50px;margin:0;}
header .top .search input{width:100%;padding:10px 15px;border:1px #00a591 solid;color:#333333;font-size:14px;}
header .top .search input:focus{border-radius: 0;border-color: #00a591}
header .top .search button{width:50px;height: auto;background:#00a591;color:#ffffff;outline:0;border:1px solid #00a591;}
header .top .search button i{color:#ffffff;}
header .top .other-info{width:auto;display: flex;height: auto;align-items: center;}
header .top .other-info a{display: block;margin:0 10px;}
header .top .other-info>div{position: relative;}
header .top .create-ad{width:80px;text-align: center;background:#00a591;padding:10px 0;font-size:14px;color:#ffffff;}
header .top .user-info i{color:#00a591;font-size:24px;}
header .top .select-language{text-decoration: underline;text-transform: uppercase}
header .top .show-language{display: none;list-style: none;padding:0;background:#ffffff;position: absolute;top: 15px;left:0;}
header .top .show-language li{border-bottom:#ebebeb solid 1px;padding:10px 10px;font-size:14px;}
header .top .show-language li a:hover{transition: 0.3s ease all;color:#00a591;}
header .top .show-user-info{display: none;list-style: none;padding:0;background:#ffffff;position: absolute;top: 15px;right:0;width:150px;}
header .top .show-user-info li{border-bottom:#ebebeb solid 1px;padding:10px 10px;font-size:14px;}
header .top .show-user-info li a:hover{transition: 0.3s ease all;color:#00a591;}
header .bottom{width:100%;min-height: 52px;background:#00a591;display: flex;align-items: center;position: fixed;top:83px;left:0;transition: 0.3s ease all;z-index: 9;}
header .mbl-search{display: none;}
body.scrolled header .bottom{height: 0;opacity: 0;visibility: hidden;}
header .bottom .container-fluid{width:100%;display: flex;align-items: center;padding:0 30px;height: 100%;}
header .bottom .all-categories{background:#028c7b;height: 100%;display: flex;padding:11px 40px 11px 20px;color:#ffffff;align-items: center;transition: 0.3s ease all;width:215px;}
header .bottom .all-categories:hover{background:#006155;}
header .bottom .all-categories i{color:#ffffff;padding-right:10px;font-size:28px;}
header .bottom .show-all-categories{width:100%;background:#028c7b;height: auto;position: absolute;left:0;top:50px;padding:30px 30px;display: none;z-index: 12;}
header .show-all-categories .list{width:100%;display: flex;align-items: center;flex-wrap: wrap;}
header .show-all-categories .list .each{width: 220px;padding:10px;display: block;flex-shrink: 0;}
header .show-all-categories .list .each .inner{background:#ffffff;width:100%;display: flex;justify-content: center;flex-wrap: wrap;padding:15px;border-radius: 10px;}
header .show-all-categories .list img{padding:20px;}
header .show-all-categories .list p{margin:0;display: block;font-size:14px;color:#00a591;width:100%;text-align: center;}
header .bottom  .header-menu{width:100%;padding:0;display: flex;justify-content: center;list-style: none;}
header .bottom .header-menu>li{width:auto;color:#ffffff;position: relative;padding:0 45px;}
header .bottom .header-menu>li.dropdown>a::after{ font-weight: 900; content: " \f107";font:normal normal normal 14px/1 FontAwesome;;}
header .bottom .header-menu>li>ul{position: absolute;width: 280px;text-align: center;background: #ffffff;margin: 0;top: 28px;padding: 5px 15px;display: block;height: auto;visibility: hidden;opacity: 0;-webkit-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-moz-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-ms-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-o-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-webkit-transition: visibility linear 0.3s, opacity 0.3s ease, -webkit-transform 0.3s ease;-moz-transition: visibility linear 0.3s, opacity 0.3s ease, -moz-transform 0.3s ease;-ms-transition: visibility linear 0.3s, opacity 0.3s ease, -ms-transform 0.3s ease;-o-transition: visibility linear 0.3s, opacity 0.3s ease, -o-transform 0.3s ease; transition: visibility linear 0.3s, opacity 0.3s ease, transform 0.3s ease;text-align: left;list-style: none;padding:0;}
header .bottom .header-menu>li:hover ul{visibility: visible;opacity: 1;    -webkit-transform: translateY(0) perspective( 0 ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 0 ) rotateX( 0 );-ms-transform: translateY(0) perspective( 0 ) rotateX( 0 );-o-transform: translateY(0) perspective( 0 ) rotateX( 0 );transform: translateY(0) perspective( 0 ) rotateX( 0 );visibility: visible;opacity: 1;}
header .bottom .header-menu>li>ul li{border-bottom:#ebebeb solid 1px;padding:10px 10px;font-size:14px;}
header .bottom .header-menu>li>ul li a{transition: 0.3s ease;display: block;color:#333333;}
header .bottom .header-menu>li>ul li a:hover{color:#00a591;}
header .bottom .header-menu>li>a{width:auto;display: block;height: auto;color:#ffffff;text-transform: capitalize;}
header .top .mbl-filter-options{display: none;list-style: none;padding:0;background:#ffffff;position: absolute;top: 15px;right:0;width:150px;}
header .top .mbl-filter-options li{border-bottom:#ebebeb solid 1px;padding:10px 10px;font-size:14px;}
header .top .mbl-filter-options li a:hover{transition: 0.3s ease all;color:#00a591;}

.slider{width:100%;min-height: 500px;height: auto;background:url(../img/slider-bg.png);background-position: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.slider h1{font-size:58px;text-align: center;margin:0;}
.slider p{font-size:22px;font-weight: lighter;margin:0;}

.hsection-1{width:100%;display: block;padding:40px 0;background:#ffffff;}
.hsection-1 .container-fuild{flex-wrap: wrap;}
.hsection-1 .list{width:100%;padding:40px 0 0 0;display: flex;align-items: center;flex-wrap: wrap;}

.hsection-2{width:100%;display: block;padding:40px 0;}
.hsection-2 .container-fuild{flex-wrap: wrap;}
.hsection-2 .list{width:100%;padding:40px 0 0 0;display: flex;align-items: center;flex-wrap: wrap;}

.load-more{width:100%;display: flex;justify-content: center;padding:20px 0;}
.load-more a{color:#ffffff;width:auto;padding:10px 20px;background:#00a591;}

.mobile-app{width:100%;display: block;height: auto;background:url(/userassets/img/mobileapp-bg.jpg);background-attachment: fixed;position: relative;color:#ffffff;}
.mobile-app::before{content:"";background:rgba(0, 165, 145, 0.9);width: 100%;height: 100%;position: absolute;left:0;right:0;}
.mobile-app .list{position: relative;width:100%;display: flex;align-items: center;flex-wrap: wrap;padding:40px 0;}
.mobile-app .txt{width:50%;display: block;height: auto;}
.mobile-app .txt h3{font-size:36px;font-weight: normal;margin:0;}
.mobile-app .txt h2{font-size:48px;margin:0}
.mobile-app .txt>div{display: flex;width:100%;margin-top:25px;}
.mobile-app .txt>div img{width:150px;margin-right:10px;}
.mobile-app .img{display: flex;justify-content: center;align-items: center;width:50%;}
.mobile-app .img img{width:60%;height: auto;display: block;}

.newsletter{width:100%;display: block;padding:40px 0;background:#ffffff;}
.newsletter .list{width:100%;display: flex;flex-wrap: wrap;align-items: center;}
.newsletter .list .txt{width:50%;display:  flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.newsletter .list .txt h2{font-size:36px;color:#00a591;margin:0;font-weight: normal;width:100%;}
.newsletter .list .txt h3{font-size:24px;color:#333333;margin:0;font-weight: normal;width:100%;}
.newsletter .list form{width:50%;display: flex;justify-content: flex-end;align-items: center;padding:0;margin:0;flex-direction: column;}
.newsletter .list form .form-group{display: flex;width: 100%;justify-content: flex-end;}
.newsletter .list form .result{display: flex;justify-content: flex-end;width: 100%;padding: 5px 20px;}
.newsletter .list input{width:50%;padding:15px 20px;border:1px #00a591 solid;color:#333333;font-size:14px;}
.newsletter .list button{padding:15px 20px;background:#00a591;color:#ffffff;border:1px solid #00a591;font-size: 14px;}
.newsletter .list span{padding:15px 20px;font-size:14px;display: block;}


footer{width:100%;display: block;background:#374252;color:#ffffff;padding:40px 0;}
footer .container-fuild{justify-content: space-between;}
footer p{font-size: 14px;font-weight: bold;margin:0;}
footer p a{color:#ffffff;}
/*new header and homepage css*/


/*mobile header*/
.register-popup{display: none;width: 100%;height: 100vh;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin:auto;z-index: 101}
.register-popup .pop-up-wrappper{display: flex;width: 100%;height: 100%;background:rgba(0,0,0,0.5);justify-content: center;align-items: center;}
.register-popup .pop-up{padding:40px;background: #ffffff;width:480px;display: block;justify-content: center;flex-wrap: wrap;position: relative;}
.register-popup .pop-up .first-tab{width:100%;display: block}
.register-popup .pop-up .second-tab{width:100%;display: none;}
.register-popup .pop-up .third-tab{width:100%;display: none;}
.register-popup .pop-up .details{width:100%;display: flex;justify-content: center;flex-wrap: wrap;}
.register-popup .pop-up .enter-details-back{width:100%;display: flex;justify-content: right;}
.register-popup .pop-up .enter-details-back i{color:#aaaaaa;cursor: pointer;font-size:24px;}
.register-popup .pop-up .otp-back{width:100%;display: flex;justify-content: space-between;}
.register-popup .pop-up .otp-back i{color:#aaaaaa;cursor: pointer;font-size:24px;}
.register-popup .pop-up .password-back{width:100%;display: flex;justify-content: space-between;}
.register-popup .pop-up .password-back i{color:#aaaaaa;cursor: pointer;font-size:24px;}
.register-popup .pop-up .details img{width:180px;padding:20px 0;}
.register-popup .pop-up .details h3{width:100%;display: block;text-align: center;}
.register-popup .pop-up .details div{width:100%;display: block;margin:15px 0;}
.register-popup .pop-up .details label{margin: 0;font-size: 12px;color: #4b586b;display: block;}
.register-popup .pop-up .details input{font-size: 14px;color: #333333;font-family: 'Lato', sans-serif;outline: none;border-top: none;border-left: none;border-right: none;width: 100%;border-bottom: 1px solid #cccccc;padding: 15px 0;}
.register-popup .pop-up .details input:focus{border-bottom: 1px solid #00a591;}
.register-popup .pop-up .details button{width: 100%;font-size: 12px;color: #ffffff;font-family: 'Lato', sans-serif;outline: none;border: none;background: #4b586b;padding: 12px 0;font-weight: bold;}
.register-popup .pop-up .details p{font-size:12px;text-align: center;width:100%;}
.register-popup .pop-up .details span{font-size:12px;}
.close {position: absolute;right: 10px;top: 10px;width: 32px;height: 32px;}
.close:before, .close:after {position: absolute;left: 15px;content: ' ';height: 25px;width: 2px;background-color: #aaaaaa;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}
.previous{border: solid #aaaaaa;border-width: 0 2px 2px 0;display: inline-block;padding: 5px; transform: rotate(135deg);-webkit-transform: rotate(135deg);position: absolute;top: 15px;left: 20px;}
.alert span:nth-child(1){flex-grow: 1;}
.alert span:nth-child(2){cursor:pointer;}
.alert{width: 100%;padding: 15px;background: #f8d7da;color: #721c24;border: 2px solid #f5c6cb;position: relative;bottom: 0;z-index: 120;left: 0;right: 0;height: 50px;margin: auto;display: flex;align-items: center;transform: translateY(0);transition: 0.2s ease all;}
.successalert{color: #155724;background-color: #d4edda;border-color: #c3e6cb;position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;}
.text-danger{color:red;}




 /*newsletter*/
.newsletter {width:100%;background: #ffffff; display: flex;position: relative;justify-content: center;}
.newsletter .newsletter-wrap{justify-content: space-between;flex-wrap: wrap;padding:40px 5%}
.newsletter .newsletter-wrap .section-1{width:50%;display: block;}
.newsletter .newsletter-wrap .section-1 .img{width:10%; display: inline-block;padding-right:2%;}
.newsletter .newsletter-wrap .section-1 .content{width:50%;display: inline-block;}
.newsletter .newsletter-wrap .section-1 h3{width:100%;display: block;color:#374252;font-family:'Lato', sans-serif;font-size:26px;font-weight: lighter;margin:0;}
.newsletter .newsletter-wrap .section-1 p{width:100%;display: block;color:#374252;font-family:'Lato', sans-serif;font-size:14px;font-weight: lighter;margin:0;}
.newsletter .newsletter-wrap .section-2{width:50%;display: block}
.newsletter .newsletter-wrap .section-2 .input{width:100%;display: flex;text-align: right;justify-content: flex-end;align-items: center;}
.newsletter .newsletter-wrap .section-2 .input input{color:#333333;font-family:'Lato', sans-serif ;font-size:12px;height:50px;width:50%;border: solid 1px #374252;border-top-left-radius: 25px;border-bottom-left-radius: 25px;padding: 0 20px;}
.newsletter .newsletter-wrap .section-2 .input button{height:50px;background: #374252; color:#ffffff;outline: 0;border:1px solid #374252;padding:0 30px;cursor:pointer;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}

.footer-main {width:100%;background: #374252; display: flex;position: absolute;justify-content: center;}
.footer-main .container{flex-wrap: wrap;}
.footer-main .rights{width:100%;margin-top:20px;color:#ffffff;text-align: center;}
.footer-main .rights p{color:#ffffff;margin:0;}
.footer-main .footer-main-wrap{justify-content: space-between;flex-wrap: wrap;padding:50px 5%}
.footer-main .footer-main-wrap .col-29:nth-child(1) p{color:#9096a2;font-size:16px;font-family:'Lato', sans-serif ;line-height: 30px;margin: 0;padding: 20px 0;}
.footer-main .footer-main-wrap .col-29:nth-child(1) p a {color:#ffffff;text-decoration: none;}
.footer-main .footer-main-wrap .col-29:nth-child(1) p a:hover {opacity: 0.5;transition: all 0.3s ease;}
.footer-main .footer-main-wrap .col-29:nth-child(2) span{display: block;font-weight: bold;color:#ffffff;font-size:16px;font-family:'Lato', sans-serif ;line-height: 30px;margin: 0;padding: 20px 0;}
.footer-main .footer-main-wrap .col-29:nth-child(2) a {padding:15px 0;font-family:'Lato', sans-serif ;font-size:14px;color:#9096a2;text-decoration: none;display: block}
.footer-main .footer-main-wrap .col-29:nth-child(2) a:hover {color:#ffffff;transition: all 0.3s ease;}
.footer-main .footer-main-wrap .col-29:nth-child(3) span{display: block;font-weight: bold;color:#ffffff;font-size:16px;font-family:'Lato', sans-serif ;line-height: 30px;margin: 0;padding: 20px 0;}
.footer-main .footer-main-wrap .col-29:nth-child(3) a {padding:15px 0;font-family:'Lato', sans-serif ;font-size:14px;color:#9096a2;text-decoration: none;display: block}
.footer-main .footer-main-wrap .col-29:nth-child(3) a:hover {color:#ffffff;transition: all 0.3s ease;}
.footer-main .footer-main-wrap .download-app span{color:#9096a2;}
.footer-main .footer-main-wrap .download-app a{color:#ffffff;}
.footer-main .footer-main-wrap .follow span{color:#ffffff;}
.footer-main .footer-main-wrap .follow a{margin:0 5px;}
.footer-main .footer-main-wrap .follow a i{color:#ffffff;}
.footer-main .footer-main-wrap .terms{}
.footer-main .footer-main-wrap .terms p{margin: 0;color:#ffffff;}
.footer-main .footer-main-wrap .terms a{margin: 0;color:#ffffff;}
.floating-btn{width:65px;height: 65px;display: none;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
.floating-btn span{color:#ffffff;}

/*listing page listing css*/
.listing-wrapper{display: flex;width: 100%;justify-content: center;background: #f5f5f5;padding:75px 0;}
.listing-wrapper .container-fuild{justify-content: space-between;}
.listing-wrapper .side-bar{width:20%;display: block;background: #ffffff; padding:10px;margin-right: 30px;}
.listing-wrapper .side-bar .filterd-by{display: block;width:100%;}
.listing-wrapper .side-bar .mbl-filter-close{display: none;width:100%;}
.listing-wrapper .side-bar .mbl-filter-close img{width:30px;cursor: pointer;}
.listing-wrapper .side-bar .filterd-by div {display: flex;justify-content: space-between;align-items: center;margin:10px 0;}
.listing-wrapper .side-bar .filterd-by h5{margin:0;color:#333333;font-size:18px;font-family: 'Lato', sans-serif ;font-weight: initial;display: inline-block;padding-bottom:10px;}
.listing-wrapper .side-bar .filterd-by img{width:auto;display: inline-block;text-align: right;cursor: pointer;}
.listing-wrapper .side-bar .filterd-by a{color: #cccccc;font-size: 12px;padding: 5px 5px 5px 5px;margin:5px 0;display: inline-block;border: 1px solid #cccccc;width: auto;text-decoration: none;font-family:'Lato', sans-serif ; transition: all 0.3s ease;}
.listing-wrapper .side-bar .filterd-by a:hover{color:#00a591;border:1px solid #00a591;}
.listing-wrapper .side-bar .filterd-by a::after{content: "X";padding-left:15px;}
.listing-wrapper .side-bar .filterd-by .active{background-color: #f5f5f5;}
.my-account-tabs {width:100%;padding:0;margin:0;list-style: none;border-top: 1px solid #f0eded;}
.my-account-tabs li{width:100%;padding:15px 15px;border-bottom: 1px solid #f0eded;}
.my-account-tabs li a{padding:0px !important;border: none !important;color:#333333 !important;font-size:16px !important;}
.my-account-tabs li a:after{content: '' !important;}
.listing-wrapper .side-bar  .side-bar-filter{width:100%;display: block;margin:20px 0;}
.listing-wrapper .side-bar  .side-bar-filter h6{width:100%;display: block;font-size:14px;font-family:'Lato', sans-serif;color:#4b586b;margin: 15px 0 5px 0;}
.listing-wrapper .side-bar  .side-bar-filter input[type=search]{width: 100%;border: none;border-bottom: 1px solid #cccccc;color:#333333;font-size:12px;outline: none;padding:7px 0;}
.checkboxes{margin-top:15px;}
.checkboxes .contain{display: block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#666666;font-size:13px;font-family: 'Lato', sans-serif}
.checkboxes .contain input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkboxes .checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;border:1px solid #e2e2e2;}
.checkboxes .contain input:checked ~ .checkmark {border:1px solid #00a591;}
.checkboxes .checkmark:after {content: "";position: absolute;display: none;}
.checkboxes .contain input:checked ~ .checkmark:after {display: block;}
.checkboxes .contain .checkmark:after {left: 4px;top: 0px;width: 2px;height: 7px;border: solid #00a591;border-width: 0 3px 3px 0 !important;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkboxes .checkmark:after {content: "";position: absolute;display: none;}
.checkboxes input:checked ~ .checkmark:after {  display: block;}
.checkboxes .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.filters-mbl{display: none;}
.radioboxes{margin-top:15px;}
.radioboxes .contain{display: block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#666666;font-size:13px;font-family: 'Lato', sans-serif}
.radioboxes .contain input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radioboxes .checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;border:1px solid #e2e2e2;border-radius: 50%;}
.radioboxes .contain input:checked ~ .checkmark {border:1px solid #00a591;}
.radioboxes .checkmark:after {content: "";position: absolute;display: none;}
.radioboxes .contain input:checked ~ .checkmark:after {display: block;}
.radioboxes .contain .checkmark:after {left: 0px;top: 0px;right: 0;bottom: 0;margin: auto; width: 9px;height: 9px;background: #00a591;content: '';display: block;border-radius: 50%;display: none;}
.radioboxes .checkmark:after {content: "";position: absolute;display: none;}
.radioboxes input:checked ~ .checkmark:after {  display: block;}

.subradioboxes{margin-top:15px;}
.subradioboxes .contain{display: block;position: relative;padding-left: 54px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#666666;font-size:13px;font-family: 'Lato', sans-serif}
.subradioboxes .contain input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.subradioboxes .checkmark {position: absolute;top: 0;left: 28px;height: 15px;width: 15px;border:1px solid #e2e2e2;border-radius: 50%;}
.subradioboxes .contain input:checked ~ .checkmark {border:1px solid #00a591;}
.subradioboxes .checkmark:after {content: "";position: absolute;display: none;}
.subradioboxes .contain input:checked ~ .checkmark:after {display: block;}
.subradioboxes .contain .checkmark:after {left: 0px;top: 0px;right: 0;bottom: 0;margin: auto; width: 9px;height: 9px;background: #00a591;content: '';display: block;border-radius: 50%;display: none;}
.subradioboxes .checkmark:after {content: "";position: absolute;display: none;}
.subradioboxes input:checked ~ .checkmark:after {  display: block;}

.subcats{margin-top:15px;}
.subcats .contain{display: block;position: relative;padding-left: 54px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#666666;font-size:13px;font-family: 'Lato', sans-serif}
.subcats a{display: block;position: relative;padding-left: 30px;margin-bottom: 1px;font-size: 25px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#666666;font-size:13px;font-family: 'Lato', sans-serif}
.pcats{margin-top:15px;}
.pcats a{display: block;position: relative;padding-left: 10px;margin-bottom: -16px;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#666666;font-size:13px;font-family: 'Lato', sans-serif}

.price-slider{background:#f5f5f5 !important;height:3px !important;width: 100%; border:none !important;margin:20px 0;}
.ui-slider-horizontal .ui-slider-handle{top:-0.4em !important;border: 1px solid #00a591 !important;background: #ffffff !important;border-radius: 50%;width:15px !important;height: 15px !important}
.ui-widget-header{background: #00a591}
.price-filter input{background: none;border: none;outline: none; font-size: 12px; color: #484848;width: 36%;border-bottom: 1px solid #cccccc;}

.listing-wrapper .listing-column{width:80%;display: block;}
.listing-wrapper .listing-top-filter{background: #ffffff;display: block;height: auto;padding:10px 15px;margin:0 10px 55px 10px}
.listing-wrapper .listing-top-filter > div:first-child{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.listing-wrapper .listing-top-filter div p{font-size:16px;color:#333333;font-family: 'Lato', sans-serif;margin:0;flex-grow: 1}

/* Custom dropdown */
.custom-dropdown {position: relative;display: inline-block;vertical-align: middle;margin: 10px;}
.custom-dropdown select {color: #333333;font-size: 12px;padding: 7px 10px;border-bottom:1px solid #f1f1f1;border-top:none;border-left:none;border-right:none;margin: 0;text-indent: 0.01px;text-overflow: '';-webkit-appearance: button;width:250px;outline: none;font-family: 'Lato', sans-serif;font-weight: bold}
.custom-dropdown::before, .custom-dropdown::after {content: "";position: absolute;pointer-events: none;}
.custom-dropdown::after {/*content: "\25BC";*/height: 1em;font-size: .625em;line-height: 1;right: 1.2em;top: 50%;margin-top: -.5em;}
.custom-dropdown::before {width: 2em;right: 0;top: 0;bottom: 0;border-radius: 0 3px 3px 0;}
.custom-dropdown select[disabled] {color: rgba(0,0,0,.3);}
.custom-dropdown select[disabled]::after { color: rgba(0,0,0,.1);}
.custom-dropdown::before {}
.custom-dropdown::after {color: rgba(0,0,0,.4);}

.listing-wrapper .listing-top-filter span.sort-icon{padding: 7px;border-bottom: 1px solid #f1f1f1;margin: 0 0 0 5px;cursor: pointer;}
.listing-wrapper .listing-top-filter .mbl-filter{display: none}
.listing-wrapper .listing-content .list-view{display: none}
.listing-wrapper .listing-content .column-view{flex-wrap: wrap;}
.listing-wrapper .listing-content .column-view .col-19 .img {width: 100%;display: block;position: relative;}
.listing-wrapper .listing-content .column-view .col-19 .img img{width: 100%;display: block}
.listing-wrapper .listing-content .column-view .inner-padding .content{padding:20px 10px;background:#ffffff;}
.listing-wrapper .listing-content .column-view .inner-padding .content .category-location{display: flex}
.listing-wrapper .listing-content .column-view .inner-padding .content .category-location a{text-decoration: none;}
.listing-wrapper .listing-content .column-view .inner-padding .content .category-location p{display: inline-block;font-size:12px;font-family: 'Lato', sans-serif;color:#aaaaaa;margin:0;transition: all 0.3s ease}
.listing-wrapper .listing-content .column-view .inner-padding .content .category-location p:hover{color:#333333;}
.listing-wrapper .listing-content .column-view .inner-padding .content .category-location a:nth-child(1){flex-grow: 1}
.listing-wrapper .listing-content .column-view .inner-padding .content .title{padding:10px 0 5px 0;}
.listing-wrapper .listing-content .column-view .inner-padding .content .title h3{margin: 0;}
.listing-wrapper .listing-content .column-view .inner-padding .content .title a {color:#333333;font-size:16px;font-family:'Lato', sans-serif;transition: all 0.3s ease; text-decoration: none;font-weight: bold}
.listing-wrapper .listing-content .column-view .inner-padding .content .title a:hover {color:#00a591;}
.listing-wrapper .listing-content .column-view .inner-padding .content .price p{color:#333333;font-size:18px; font-family: 'Lato', sans-serif;margin:0;padding: 20px 0 0 0;font-weight: bold}
.listing-wrapper .listing-content .column-view .inner-padding .content .price span {color:#aaaaaa;font-size:12px;}

.listing-tag{position: absolute;top: 10px;left: 0px;}
.listing-tag span{display: block;position: relative; background: #d54b4f;color: #ffffff;font-size: 10px;padding: 0px 5px 0px 5px;text-align: left;line-height: 18px;margin-bottom: 5px}
/*.listing-tag span:after{position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: 9px 0 9px 8px;border-color: transparent transparent transparent #d54b4f;right:-8px;top:0;}*/
span.red{background: #d54b4f;font-family:'Lato', sans-serif}
span.blue{background: #36a0c7;font-family:'Lato', sans-serif}
span.grey{background: #4b586b;font-family:'Lato', sans-serif}
.pagination{width:100%;display: block;text-align: right}
.pagination a{width: auto;height: auto;display: inline-block;background: #ffffff;padding: 10px;margin: 0 2px;color:#333333;text-decoration: none}
.pagination a.active {color:#ffffff;background: #00a591}


/*detail page*/
.detail-wrapper .container > div {width:100%;display: flex;justify-content: center;padding: 45px 0;}
.detail-wrapper{display: flex;width: 100%;justify-content: center;background: #f5f5f5;padding: 30px 0;}
.detail-wrapper .detail{width: 70%;display: block;}
.detail-wrapper .detail .description{width: 100%;display: block;padding: 20px;margin-bottom: 20px;background: #ffffff;}
.detail-wrapper .detail .img{width:100%; display: block; margin-bottom:30px;position: relative;}

.detail-wrapper .detail .img .slider-for{}
.detail-wrapper .detail .img .slider-for img{width: 100%;height:auto;display: block;}

.detail-wrapper .detail .title-features{width:100%;display: block;padding: 20px;margin-bottom:20px;background: #ffffff}
.detail-wrapper .detail-sidebar{width: 30%;display: block;margin-left: 30px;}
.detail .img .img-icons{position: absolute;top: 0;right: 0;margin:10px;z-index: 9;display: block;text-transform: capitalize;}
.detail .img .img-icons span{margin: 5px 0;padding: 5px 20px;font-size: 10px;display: block;color:#ffffff;text-align: center;}
.detail .title-features h1{color:#333333; font-size:20px;margin:0;font-family:'Lato', sans-serif; }
.detail .title-features h4{font-size:13px;font-family:'Lato', sans-serif; color:#aaaaaa;margin:0;padding-top:5px;padding-bottom:40px;}
.detail .title-features h5{font-size:18px;font-family:'Lato', sans-serif; color:#333333;margin:0;padding-top: 30px;}
.detail-wrapper .detail .description h5{font-size:18px;font-family:'Lato', sans-serif; color:#333333;margin:0;}
.detail-wrapper .detail .description p{font-size:14px;color:#aaaaaa;font-family:'Lato', sans-serif;}
.detail .title-features ul{width: 100%;display: block;list-style: none;padding:0;display: flex;flex-wrap: wrap;}
.detail .title-features ul li{display: flex;width:49%;}
.detail .title-features ul li span{display: inline-block;width:50%;}
.detail .title-features ul li span:nth-child(1){color:#333333;font-size:13px;font-family:'Lato', sans-serif;background:#e5e5e5;margin:3px;padding:10px 10px;font-weight: bold;}
.detail .title-features ul li span:nth-child(2){color:#333333;font-size:13px;font-family:'Lato', sans-serif;background:#f6f6f6;margin:3px;padding:10px 10px;font-weight: bold;}
.detail-sidebar .price{display: block;background-color:#00a591; font-size: 25px;font-family:'Lato', sans-serif;padding:35px 25px;color:#ffffff;background-repeat: no-repeat;background-size: auto 100%;background-position: right;margin-bottom:35px;}
.detail-sidebar .supplier-information{display: block;background:#ffffff;padding:25px;margin-bottom:20px;}
.detail-sidebar .supplier-information > div{display: flex}
.detail-sidebar .supplier-information .supplier-logo{background:#f8f8f8;display: block;border-radius: 50%;margin-right:5px;}
.detail-sidebar .supplier-information .supplier-logo img{padding:25px;}
.detail-sidebar .supplier-information .supplier-name {display: flex;flex-direction: column;}
/*.detail-sidebar .supplier-information .supplier-name a{font-size:14px;color:#333333;font-family:'Lato', sans-serif;text-decoration: none}*/
.detail-sidebar .supplier-information .supplier-name h5{color:#333333;margin:0;font-size:18px;font-family:'Lato', sans-serif;font-weight: inherit;}
.detail-sidebar .supplier-information .supplier-name a:hover{color:#00a591;transition: all 0.3s ease;}
.detail-sidebar .supplier-information .supplier-name p{font-size:12px;color:#aaaaaa;margin:0;}
.detail-sidebar .supplier-information .supplier-phone{margin:20px 0;background-color: #ff5a5f;display: block;width: 100%;height: 60px;background-image: url(../img/phone-watermark.png);background-repeat: no-repeat;background-position: right;}
.detail-sidebar .supplier-information .supplier-phone a{font-size:18px;font-family:'Lato', sans-serif; ;display: inline-block;width: 100%;height: 100%;padding: 20px;color:#ffffff;text-decoration: none}
.detail-sidebar .supplier-information .supplier-email{margin-top:20px;background-color: #4b586b;display: block;width: 100%;height: 60px;background-image: url(../img/email-watermark.png);background-repeat: no-repeat;background-position: right;}
.detail-sidebar .supplier-information .supplier-email a{font-size:18px;font-family:'Lato', sans-serif;display: inline-block;width: 100%;height: 100%;padding: 20px;color:#ffffff;text-decoration: none}
.detail-sidebar .supplier-information .supplier-edit{margin:20px 0;background-color: #00a591;display: block;width: 100%;height: 60px;background-repeat: no-repeat;background-position: right;}
.detail-sidebar .supplier-information .supplier-edit a{font-size:18px;font-family:'Lato', sans-serif;display: inline-block;width: 100%;height: 100%;padding: 20px;color:#ffffff;text-decoration: none}
.detail-sidebar .contact-supplier{display: block;background:#ffffff;padding:25px;margin-bottom:20px;}
.detail-sidebar .contact-supplier h5{color:#333333;margin:0;font-size:18px;font-family:'Lato', sans-serif;font-weight: inherit;padding-bottom:25px;}
.detail-sidebar .contact-supplier label{margin:0;font-size:12px;color:#4b586b;font-family:'Lato', sans-serif;display: block}
.detail-sidebar .contact-supplier input{margin-bottom: 25px;font-size: 12px;color: #333333;font-family: 'Lato', sans-serif;outline: none;border-top: none;border-left: none;border-right: none;width: 100%;border-bottom: 1px solid #cccccc;padding:7px 0;transition: 0.3s ease all;}
.detail-sidebar .contact-supplier input:focus{border-bottom: 1px solid #00a591;}
.detail-sidebar .contact-supplier textarea{margin-bottom: 25px;font-size: 12px;color: #333333;font-family: 'Lato', sans-serif;outline: none;border-top: none;border-left: none;border-right: none;width: 100%;border-bottom: 1px solid #cccccc;padding:7px 0;resize: none;transition: 0.3s ease all;}
.detail-sidebar .contact-supplier textarea:focus{border-bottom: 1px solid #00a591;}
.detail-sidebar .contact-supplier button{width:100%;font-size:12px;color:#ffffff;font-family: 'Lato', sans-serif;outline:none;border:none;background:#4b586b;padding:12px 0;font-weight: bold}
.detail-sidebar .contact-supplier button:hover{background:#00a591;transition: all 0.3s ease;}
.detail-sidebar .contact-supplier form>div{position: relative;padding-bottom:10px;}
.detail-sidebar .contact-supplier form>div .error{position: absolute;bottom: 15px;left: 0px;font-size: 12px;color: #c31c1c}
.detail-sidebar .contact-supplier  .success-div{left: 0px;font-size: 14px;color: green}
.detail-sidebar .supplier-map{display: block;width: 100%;position: relative;}
.detail-sidebar .supplier-map .show-map-btn{text-align: center;position: absolute;background:rgba(255,255,255,0.6);width:100%;display: block;height: 100%}
.detail-sidebar .supplier-map .show-map-btn a{position: relative;top:50%;bottom:0;right:0;left: 0;color:#333333;font-size:16px;font-family: 'Lato', sans-serif;}
.supplier-map .map img{width:100%;display: block;}
.detail-sidebar .contact-supplier{padding:10px;}
.mobile-price{display: none}
.slick-slide{height:auto;}
.slick-slide img{width: 100%}
.slick-next{right:0;z-index: 9;;width: 50px;height: 50px;background: #ffffff}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background: #ffffff;opacity: 0.8}
.slick-next::before {color:#333333;}
.slick-prev{left:0 !important;z-index: 9;width: 50px;height: 50px;background: #ffffff}
.slick-prev::before {color:#333333;}


.my-account{width:80%;display: block;}
.my-account .my-account-content{width:100%;display: flex;flex-wrap: wrap;}
.my-account .my-account-content .update-profile{width:100%;display: flex;flex-wrap: wrap;padding:15px 15px 20px 15px;}
.update-profile h3{margin: 0;color: #333333;font-size: 18px;font-family: 'Lato', sans-serif;font-weight: initial;display: inline-block;padding-bottom: 10px;width: 100%;}
.update-profile select{
    text-transform: none;
    box-shadow: none;
    position: relative;
    border: none;
    border-bottom: 2px solid #f1f1f1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: 0 0;
    z-index: 2;
    border-radius: 0;
    height: 35px;
    width: 100%;
    padding: 0;
    padding-right: 40px;
}
.update-profile form{display: flex;flex-wrap: wrap;width:100%;}
.update-profile form div{width:48%;margin:5px 10px;}
.update-profile form div label{margin-bottom: 10px;font-size: 12px;color: #4b586b;display: block;}
.update-profile form div input{margin-bottom: 5px;font-size: 12px;color: #2f2d2d;font-family: 'Lato', sans-serif;outline: none;border-top: none;border-left: none;border-right: none;width: 100%;border-bottom: 1px solid #cccccc;padding: 7px 0;}
.update-profile form div small{color: #840404}
.update-profile form div input:focus{border-bottom: 1px solid #00a591;}
.my-listing{width:100%;flex-wrap: wrap;padding:15px;justify-content: space-between;background:#ffffff;}
.my-account .my-listing-filters {padding:15px;background:#ffffff;margin-bottom:15px;display: flex;justify-content: space-between;align-items: center;}
.my-account .my-listing-filters input{color:#484848;border:none;border-bottom:1px solid #cccccc;padding:10px 15px;width:40%;outline: none;}
.my-account .my-listing-filters>div{display: flex;width:60%;justify-content: flex-end;}
.my-account .my-listing-filters a{padding:10px 15px;margin:0 5px;font-size:12px;color:#00a591;border:1px solid #00a591;transition: 0.3s ease all;}
.my-account .my-listing-filters a:hover{background:#00a591;color:#ffffff;}
.my-account .my-listing-filters a.active{background:#00a591;color:#ffffff;}
.my-listing h1{margin: 0;color: #333333;font-size: 18px;font-family: 'Lato', sans-serif;font-weight: initial;display: inline-block;width: 100%;}
.my-listing .each{width:49%;display: flex;margin:15px 0;background:#f5f5f5}
.my-listing .each .img{width:220px;}
.my-listing .each .img img{width:100%;height: auto;display: block}
.my-listing .each .content{width:100%;display: block;padding:10px;}
.my-listing .each .content .title h3{color: #333333;font-size: 16px;text-decoration: none;font-weight: bold;margin:0;}
.my-listing .each .content .title a {transition: 0.3s ease all;color: #00a591}
.my-listing .each .content .title a:hover{color:#00a591;}
.my-listing .each .content .price p{color: #333333;font-size: 18px;font-family: 'Lato', sans-serif;margin: 0;padding: 5px 0 0 0;font-weight: bold;}
.my-listing .each .content .price span{color: #aaaaaa;font-size: 12px;}
.my-listing .each .content .status{width:100%;display: flex;align-items: center;margin:10px 0;}
.my-listing .each .content .status p{font-size:12px;flex-grow: 1;margin: 0;}
.my-listing .each .content .status span{background:#374252;color:#ffffff;padding:3px 20px;font-size:12px;}
.my-listing .each .content .status a{background:#374252;color:#ffffff;padding:3px 20px;font-size:12px;}
.my-listing .each .content .date-details{display: flex;width:100%;justify-content: space-between;font-size:12px;}
.my-listing .each .content .date-details p{margin:0;font-size:12px;flex-grow: 1;}
.my-listing .each .content .date-details a{padding:0 5px;}


.create-ad-wrapper{display: flex;width: 100%;justify-content: center;background: #f5f5f5;padding:30px 0;}
.create-ad-wrapper .container{}
.create-ad-wrapper .create-ad{width:100%;display: flex;background: #ffffff;padding:30px;flex-wrap: wrap;justify-content: space-between;}
.create-ad-wrapper .create-ad h3{margin:0;width:100%;text-align: center;}
.create-ad-wrapper .create-ad h4{margin:20px 0;color: #333333;font-size: 18px;font-weight: initial;display: inline-block;width: 100%;}
.create-ad-wrapper .create-ad .each-side{width:100%;display: block;}
.create-ad-wrapper .create-ad form{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.create-ad-wrapper .create-ad label{font-size: 12px;font-weight: 600;display: inline-block;color: #4b586b;width: 100%;margin:5px 0;}
.create-ad-wrapper .create-ad .styled-select{position: relative;overflow: hidden;width: 100%;margin-bottom:30px;}
.create-ad-wrapper .create-ad .styled-select select{box-shadow: none;position: relative;border: none;border-bottom: 2px solid #f1f1f1;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;background: 0 0;z-index: 2;border-radius: 0;height: 35px;width: 100%;padding: 0;padding-right: 40px;}
.create-ad-wrapper .create-ad .styled-select:after{content: '';height: 35px;width: 15px;color: #ccc;background: #fff;z-index: 1;border-left: none;bottom: 0;right: 6px;position: absolute;line-height: 12px;text-align: right;background:url(../img/next.svg) center center no-repeat}
.create-ad-wrapper .create-ad input{background-clip: padding-box;border: none;border-bottom: 2px solid #f1f1f1;border-radius: 0;padding:8px 0;font-size: 16px;line-height: 20px;margin-bottom: 30px;width:100%;}
.create-ad-wrapper .create-ad input:focus {border-bottom: 2px solid #00a591}
.create-ad-wrapper .create-ad textarea{background-clip: padding-box;border: none;border-bottom: 2px solid #f1f1f1;border-radius: 0;padding:8px 0;font-size: 16px;line-height: 20px;margin-bottom: 30px;width:100%;resize: none;}
.create-ad-wrapper .create-ad textarea:focus {border-bottom: 2px solid #00a591}
.create-ad-wrapper .create-ad .button-submit{display: inline-block;border-radius: 2px;color: #fff;padding: 0 15px;line-height: 36px;background: #00a591;font-weight: 700;font-size: 11px;text-transform: uppercase;box-shadow: none;border: none;text-align: center;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;float: right;}
.create-ad-wrapper .create-ad .price {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.create-ad-wrapper .create-ad .price input{width:50%;}
.create-ad-wrapper .create-ad .price .styled-select{width:30%;}
.create-ad-wrapper .create-ad .price select {display: block;}
.create-ad-wrapper .create-ad .price .styled-select:after {top:0;}
.create-ad .radio-button {display: flex;margin:20px 0;width:70%;}
.create-ad .radio-button input[type="radio"]:checked,
.create-ad .radio-button input[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.create-ad .radio-button input[type="radio"]:checked + label,.create-ad .radio-button input[type="radio"]:not(:checked) + label{position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.create-ad .radio-button input[type="radio"]:checked + label:before,.create-ad .radio-button input[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}
.create-ad .radio-button input[type="radio"]:checked + label:after,.create-ad .radio-button input[type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #00a591;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.create-ad .radio-button input[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.create-ad .radio-button input[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/*upload media page*/
.create-ad-wrapper .create-ad .upload-media{justify-content: flex-start;flex-wrap: wrap;}
.create-ad-wrapper .create-ad .show-media{width:100%;margin-bottom:10px;display: flex;align-items: center;flex-wrap: wrap;}
.create-ad-wrapper .create-ad .show-media a{color:#333333;background:#f5f5f5;display: inline-block;padding: 0px 7px 4px 7px;border-radius: 60%;font-size: 20px;position: absolute;top:-15px;right:-10px;}
.create-ad-wrapper .create-ad .show-media>div{width:20%;margin:0 10px;position: relative;}
.create-ad-wrapper .create-ad .show-media img{display: block;width:100%;height: auto;max-width: 100%;}
.create-ad-wrapper .create-ad .show-media video{display: block;width:100%;height: auto;}
.create-ad-wrapper .upload-media input[type=file]{opacity: 0;visibility: hidden;position: absolute;z-index: -1;}
.create-ad-wrapper .upload-media label{cursor: pointer;color:#ffffff;border-radius: 2px;padding:0 15px;line-height: 36px;background: #00a591;font-weight: 700;font-size: 12px;width:auto;margin-right:20px;}
.create-ad-wrapper .upload-media label>i{color:#ffffff;}

.swal-icon{display: none !important;}
.swal-button--cancel{font-size:10px !important;color:#aaaaaa !important;border-radius: none !important}
.swal-button--danger{background:#00a591 !important;}
.swal-button--confirm{background:#00a591 !important;}
/* grid boxes sizes */
.flex-row {display: flex;align-items: center;}
.col-13{width:13%;padding: 0 0 1.5%;margin:0 8px;}
.col-31{width:31%;padding: 0 0 2%;}
.col-19{width:20%;padding: 10px}
.col-29{width:29%;padding: 0 2% 1.5% 2%}

/*indexshowmorebutton*/
.sub-feature-ads  button,.feature-ads button{width:20%;font-size:12px;color:#ffffff;font-family: 'Lato', sans-serif;text-align: center;outline:none;border:none;background:#00a591;padding:12px 0;font-weight: bold}
.sub-feature-ads .container button:hover{background:#4b586b;transition: all 0.3s ease;}
.sub-feature-ads .container .buttonHolder {text-align: center;margin:10px 0;}

.feature-ads .container button{width:20%;font-size:12px;color:#ffffff;font-family: 'Lato', sans-serif;text-align: center;outline:none;border:none;background:#00a591;padding:12px 0;font-weight: bold}
.feature-ads .container button:hover{background:#4b586b;transition: all 0.3s ease;}
.feature-ads .container .featurebuttonHolder {text-align: center;}

.bottom-alert {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9), 0 6px 20px 0 rgba(0, 0, 0, 0.19);width: 100%;padding: 15px;background:#ffffff;color: #00a591;border-top: 1px solid #00a591;position: fixed;bottom: 0;z-index: 120;left: 0;right: 0;margin: auto;display: flex;align-items: center;transform: translateY(0);transition: 0.2s ease all;display: flex;justify-content: space-between;transition: 0.3s ease all}
.bottom-alert a{font-weight: 600;color:#666666;transition: 0.3s ease all;}
.bottom-alert a:hover{color:#996716;}
.bottom-alert button{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1);font-size:10px;color:#ffffff;background:#00a591;;padding:10px 35px;border-radius: 3px;border:none;margin:10px 0;display: inline-block;}

.index-button {width:20%;font-size:12px;color:#ffffff;font-family: 'Lato', sans-serif;text-align: center;outline:none;border:none;background:#00a591;padding:12px 85px;font-weight: bold}
.index-button:hover{background:#4b586b;transition: all 0.3s ease;}
/*policies*/
.policy-ad-wrapper{display: flex;width: 100%;justify-content: center;background: #f5f5f5;padding:30px 0;}
.policy-ad-wrapper .container{width: 85%x;display: block;position: relative;}
.policy-ad-wrapper .policy {width: 100%;background: #ffffff;padding: 30px;flex-wrap: wrap;justify-content: space-between;}
.policy-ad-wrapper .policy h3 {margin: 10px;width: 100%;text-align: center;text-decoration: underline;}
.policy-ad-wrapper .terms {padding: 75px;width: 100%;display: block;background: #ffffff;}
.policy-ad-wrapper .policy h4 {margin: 0;width: 100%;text-align: center;text-decoration: underline;text-align: left}
.policy-ad-wrapper .policy h5 {margin: 0;width: 100%;text-align: left;border-bottom: 1px dashed #999;display: inline;}
.policy-ad-wrapper .each{padding:15px 20px;border:1px solid #ebebeb;display: inline-block;width:100%;border-radius: 3px;position: relative;margin:5px 0;transition: 0.3s ease all;}
.policy-ad-wrapper .each:hover{border-color:#00a591;}
.policy-ad-wrapper .each h3{margin:0;}

.faq{width:100%;background:#ffffff;display: block;padding:25px;}
.faq h1{width:100%;display: block;text-align: center;color:#333333;font-size:30px;margin:0 0 25px 0;}
.faq .faqaccordion{width:100%;margin-top:40px;}
.ui-accordion .ui-accordion-icons{padding-left:20px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#00a591;color:#ffffff;border:none;border-radius: 0;}
.ui-accordion .ui-accordion-header{border:none;border-radius: 0;margin-top:10px;}
.ui-accordion .ui-accordion-content{padding:20px;}
.ui-accordion .ui-accordion-content p{margin:0;font-size:16px;color:#333333;}


.createpost{margin: auto;background: #fff;margin: 74px auto;}
.createpost .title{text-align: center;text-transform: uppercase;padding: 40px;border-bottom: 1px #eee solid}
.createpost .title h1{font-weight: 400;font-size: 22px;margin: 0}
.createpost .step1{text-align: center;min-height: 50vh;display: flex;width: 100%;align-items: center;}
.createpost .step1 form{width: 100%;}
.createpost .step1 form input{visibility: hidden;}
.createpost .step1 form label{background:#00a591;color: #fff;display: inline-block;padding: 20px 40px;margin: 0 20px;cursor: pointer;text-transform: uppercase;border-radius: 10px;opacity: 0.8}
.createpost .step1 form label:hover{opacity: 1;}
.createpost .step1 form label img{width: 100px;}
.createpost .step1 form label span{}
.createpost .categories-list-each{width:15%;background:#f8f8f8;margin:20px;display: flex;flex-wrap: wrap;cursor: pointer;min-height: 200px;}
.createpost .categories-list-each:hover{background:#eeeeee;}
.createpost .categories-list-each img{width:100%;display: block;height: auto;margin:25px 50px 25px 50px;}
.createpost .categories-list-each span{text-align: center;width:100%;margin-bottom: 25px;padding:0 10px;}

.no-result{text-align: center;width:100%;}



.createpost .step2{text-align: center;min-height: 60vh;display: flex;width: 100%;align-items: center;padding:25px;}
.createpost .step2 form{width: 100%;display: flex;width: 100%;flex-wrap: wrap;align-items: center;}
.createpost .step2 form input{visibility: hidden;}

.createpost .step3{min-height: 60vh;display: flex;width: 100%;}
.createpost .step3 form{width: 100%;display: flex;width: 100%;flex-direction: column;}
.createpost .step3 form .form-group{display: block;width: 100%;padding: 20px 40px;}
.createpost .step3 form .form-group label{text-transform: uppercase;color:#888;display: block;font-weight: 300; padding-bottom: 5px;}
.createpost .step3 form .form-group input[type=text]{width: 100%; border: 1px #ddd solid;line-height: 28px;padding: 5px 20px;}
.createpost .step3 form .form-group input[type=number]{width: 100%; border: 1px #ddd solid;line-height: 28px;padding: 5px 20px;}
.createpost .step3 form .form-group .error{border-color: red}


.form-group .checkbox{display: inline-block;width: auto;padding:10px 20px 10px 0;width:49%;}
/*.form-group .checkbox+.checkbox{margin-left: 20px;}*/
/* Base for label styling */
.form-group .checkbox [type="checkbox"]:not(:checked),
.form-group .checkbox [type="checkbox"]:checked {position: absolute;left: -9999px;}
.form-group .checkbox [type="checkbox"]:not(:checked) + label,
.form-group .checkbox [type="checkbox"]:checked + label {position: relative;padding-left: 1.95em;cursor: pointer;}

/* checkbox aspect */
.form-group .checkbox [type="checkbox"]:not(:checked) + label:before,
.form-group .checkbox [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0; top: 0;width: 1.25em; height: 1.25em;border: 2px solid #ccc;background: #fff;border-radius: 4px;box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}
/* checked mark aspect */
.form-group .checkbox [type="checkbox"]:not(:checked) + label:after,
.form-group .checkbox [type="checkbox"]:checked + label:after {content: '\2713\0020';position: absolute;top: .15em; left: .22em;font-size: 1.3em;line-height: 0.8;color: #09ad7e;transition: all .2s;font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;}
/* checked mark aspect changes */
.form-group .checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.form-group .checkbox [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
/* disabled checkbox */
.form-group .checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.form-group .checkbox [type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.form-group .checkbox [type="checkbox"]:disabled:checked + label:after {color: #999;}
.form-group .checkbox [type="checkbox"]:disabled + label {color: #aaa;}
/* accessibility */
.form-group .checkbox [type="checkbox"]:checked:focus + label:before,
.form-group .checkbox [type="checkbox"]:not(:checked):focus + label:before {border: 2px dotted blue;}

/* hover style just for information */
.form-group .checkbox label:hover:before {border: 2px solid #4778d9!important;}


.form-group select.custom{line-height: 28px;padding: 5px 20px;display:block;width: 100%; border:1px #ddd solid;padding:3px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .3em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}
.form-group select.custom option{padding:5px 10px}
.form-group select.custom:focus{background-image:linear-gradient(45deg,gray 50%,transparent 50%),linear-gradient(135deg,transparent 50%,gray 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 10px) calc(1em - 2px),calc(100% - 15px) calc(1em - 2px),calc(100% - 2.5em) .3em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;outline:0}
.form-group select.custom:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}
.form-group select.custom:invalid{color:gray!important}

.form-group textarea{width: 100%; border: 1px #ddd solid;line-height: 28px;padding: 5px 20px;}


.form-group .radio{display: inline-block;width: auto;}
.form-group .radio+.radio{margin-left: 20px;}

.form-group .radio [type="radio"]:not(:checked),
.form-group .radio [type="radio"]:checked {position: absolute;left: -9999px;}
.form-group .radio [type="radio"]:not(:checked) + label,
.form-group .radio [type="radio"]:checked + label {position: relative;padding-left: 1.95em;cursor: pointer;}


.form-group .radio [type="radio"]:not(:checked) + label:before,
.form-group .radio [type="radio"]:checked + label:before {content: '';position: absolute;left: 0; top: 0;width: 1.25em; height: 1.25em;border: 2px solid #ccc;background: #fff;border-radius: 50%;box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}

.form-group .radio [type="radio"]:not(:checked) + label:after,
.form-group .radio [type="radio"]:checked + label:after {content: '';position: absolute;top: .22em; left: .22em;font-size: 1.3em;line-height: 0.8;color: #09ad7e;transition: all .2s;height: 0.7em;width: 0.7em;background: #09ad7e;border-radius: 50%;}

.form-group .radio [type="radio"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.form-group .radio [type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}
.form-group .radio [type="radio"]:disabled:not(:checked) + label:before,
.form-group .radio [type="radio"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.form-group .radio [type="radio"]:disabled:checked + label:after {color: #999;}
.form-group .radio [type="radio"]:disabled + label {color: #aaa;}
.form-group .radio [type="radio"]:checked:focus + label:before,
.form-group .radio [type="radio"]:not(:checked):focus + label:before {border: 2px dotted blue;}
.form-group .radio label:hover:before {border: 2px solid #4778d9!important;}

.createpost input[type=submit]{display: inline-block;width: auto; border: 1px #ddd solid;line-height: 28px;padding: 5px 20px;}
.createpost input[type=submit].primary{background: #00a591;color: #fff;}
.createpost .draft-delete{display: inline-block;width: auto; border: 1px #ddd solid;line-height: 28px;padding: 5px 20px;background: #891616;color: #fff;}

.createpost .step4{padding: 40px;}
.createpost .step4 .image-form{display: flex;flex-wrap: wrap;}
.createpost .step4 .upload{width: 200px;display: inline-block;padding: 20px; background: #eee;text-align: center;margin: 5px;cursor: pointer;position: relative;}
.createpost .step4 .upload img{width: 100px;padding: 10px;}

.createpost .step4 .media{width: 200px;display: inline-block;background: #eee;margin: 5px;position: relative;}
.createpost .step4 .media img{width: 100%;height: auto;display: block;}
.createpost .step4  .delete{position: absolute;top: 5px;right: 5px;background: #d54b4f;padding:0px 5px;color: #fff;}

.createpost .step4 .media .tag{display: block;position: absolute; background: #36a0c7;color: #ffffff;font-size: 10px;padding: 0px 5px 0px 5px;text-align: left;line-height: 18px;top: 10px;left: 0px;}
.createpost .step4 .media .tag:after{position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: 9px 0 9px 8px;border-color: transparent transparent transparent #36a0c7;right:-8px;top:0;}


.createpost .final{text-align: center;margin-top: 60px;}
.createpost .final input[type=submit]{background: #00a591;color: #fff;padding: 10px 30px;margin: auto;}


.video-popup{display: none;width: 100%;height: 100vh;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin:auto;z-index: 101}
.video-popup .pop-up-wrappper{display: flex;width: 100%;height: 100%;background:rgba(0,0,0,0.5);justify-content: center;align-items: center;}
.video-popup .pop-up{padding:8px;background: #ffffff;width:480px;display: block;justify-content: center;flex-wrap: wrap;position: relative;}
.video-popup .pop-up .first-tab{width:100%;display: block}
.video-popup .pop-up .second-tab{width:100%;display: none;}
.video-popup .pop-up .third-tab{width:100%;display: none;}
.video-popup .pop-up .details{width:100%;display: flex;justify-content: center;flex-wrap: wrap;}
.video-popup .pop-up .details div{width:100%;display: block;margin:15px 0;}
 .profile-update {
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    padding: 0 15px;
    line-height: 36px;
    background: #00a591;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    text-align: center;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    float: right;
}
.update-profile .successmessage{width:100%;display: flex;flex-wrap: wrap;}
.updatemessage{color:green;padding-bottom: 15px}

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

	body{padding-top:130px;}
	header .bottom{top:80px;}
	.header-second .navi-menu li{padding:0 35px;}
	.container{width:1266px;display: block;}
	.feature-categories .feature-categories-wrap{width:100%; top:-23vh;}
	.listing-wrapper .listing-content .column-view .inner-padding .content .title a {font-size:14px}
	.listing-wrapper .listing-content .column-view .inner-padding .content .price p{font-size:16px}
    .product-each{width:25%;}
	/*new css
	header .bottom .all-categories{width:275px;}
	.product-each{width:25%;}
	/*new css*/
    header .bottom .header-menu>li{padding:0 15px;}
    header .bottom .all-categories{padding:11px 20px 11px 20px}
    .createpost{margin:50px auto;}

}

@media only screen and (max-width : 1365px) {
	.listing-wrapper .listing-content .column-view .col-19{width:25%;}
	.container{width:100%;display: block;padding:0 30px;}
	.feature-ads .feature-ads-listing .inner-padding .content .features p{width:48%;}
    .feature-categories .feature-categories-wrap{width:100%; top:-21vh;}
	.col-31{width:49%;}
	.header-second .navi-menu li{padding:0 25px;}
	.mobile-app .section-2{padding: 50px 2%;}
	.mobile-app .mobile-sections{padding-top:0px;}
	.sub-feature-ads .sub-feature-ads-listing .inner-padding .content .title a{font-size:14px;}

	.header-second .navi-menu li{padding:0 15px;}
	.feature-ads .feature-ads-listing .inner-padding .content .title a{font-size:13px;}
	.feature-ads .feature-ads-listing .inner-padding .content .features p{font-size:10px;}
	.feature-ads .feature-ads-listing .inner-padding .content .category-location p{font-size:10px;}
	.feature-ads .feature-ads-listing .inner-padding .content .features p{width:48%;}
	.feature-ads .feature-ads-listing .inner-padding .content .price p{padding:5px 0 0 0;font-size:14px;}
	.newsletter .newsletter-wrap .section-1 h3{font-size:20px;}
	.newsletter .newsletter-wrap .section-2 .input input{width:60%;}
	.listing-wrapper .listing-content .column-view .col-19{width:33.3%;}
	.listing-wrapper .side-bar{width:25%;}
	.listing-wrapper .listing-column{width:75%;}
	.container{width:960px;}
	.col-19{width:31%;}
	.detail-sidebar .price{font-size: 18px;padding:20px;margin-bottom:25px;}
	.detail-sidebar .supplier-information{padding:10px;}
	.detail-sidebar .supplier-information .supplier-logo{margin: 0 auto;width: 80px;height:80px;}
	.detail-sidebar .supplier-information .supplier-logo img{padding:22px;}
	.detail-sidebar .supplier-information > div{display: block;}
	.detail-sidebar .supplier-information .supplier-phone{height: 55px}
	.detail-sidebar .supplier-information .supplier-phone a{padding:15px 20px;}
	.detail-sidebar .supplier-information .supplier-email{height: 55px;margin:20px 0 0 0;}
	.detail-sidebar .supplier-information .supplier-email a{padding:15px 20px;}
	.contact-supplier form{margin:0;}
    .detail-sidebar .supplier-information .supplier-name a{text-align: center;font-size:18px;}
	.supplier-name > div {width: 100px;display: block;margin: 0 auto}
	.detail-sidebar .supplier-information .supplier-name p{text-align: center;}
	.col-13{width:15%;margin:0 7px;}
	header .bottom{top:79px;}
	body{padding-top:131px;}

}

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

	body.scrolled header .bottom{height: auto;opacity: 1;visibility: visible;}
	body{padding-top:140px;}
	.container{width:100%;display: block;padding:0 30px;}
	.header-top{padding:0px;}
	.header-top .mob-btns {display: block}
    .header-top .mob-btns form{display: flex;}
	.header-top .container-fuild{display: none}
	.header-top .container-fuild .logo{display: none}
	.header-top .container-fuild .search{display: none}
	.header-top .container-fuild .signin-options{display: none;}
	.header-second{overflow: hidden;transition:all 0.3s linear; position: absolute;left: -100%;opacity: 0; top:0;padding:0;}
	.menu-active .header-second{opacity: 1;left: 0;transition:all 0.3s linear; height: 100vh;display: flex;background: #324c5b;position: fixed;justify-content: center;overflow-y: scroll;z-index: 100;}
	.menu-active .header-second .container-fuild{display: block;width:90%;}
	body.menu-active, body.filter-active {height: 100vh; overflow: hidden;}
	.header-second .mob-nav-top {display: flex; width: 100%;justify-content: space-between;align-items: center;padding: 20px 0px;margin-bottom: 10px;}
	.mob-nav-top .logo img {display:block;width:80%;padding-left:5%;}
	.mob-nav-top .logo{width: 30%}
	.mob-nav-top .close-btn{text-align: right;padding-right: 2%;}
	.mob-nav-top .close-btn img{width:35%;cursor: pointer;display: inline-block;}
	.header-second .navi-menu{display: block;}

	header-second .main-menu ul{display: block;}
    header-second .main-menu li{display: block;width: 100%;font-size: 14px}

    .header-second .navi-menu li{margin: 0;padding: 0px;}
    .header-second .navi-menu li a{display: block;padding: 10px 0px;width: 94%;font-size:14px;}

    .header-second .navi-menu li > ul{display: block;position: relative;visibility: visible;opacity: 1;padding: 0px;transform: translateY(0) perspective( 0 ) rotateX( 0 );background: none;}
    .header-second .navi-menu li > ul > li > ul{left: 0px;width: 100%;min-width: 100%;padding-left: 20px;}
    .header-second .navi-menu li > ul.more li{width: 100%;display: block;}
    .header-second .navi-menu li > ul li{padding: 0px;margin-left: 10%; }
    .header-second .navi-menu li  ul{display: block;}
    .navi-menu > li > .menu-active{display: block !important;}
    .header-second .navi-menu > li > a{border-bottom: 1px solid #4a6473;max-width: 96% ;display: block}
    .header-second .navi-menu > li > a {font-weight: bold; color:#ffffff;padding: 4% 0%;}
    .header-second .navi-menu li > ul > li a{color:#8096a1;padding:20px 0;}
    .feature-ads .feature-ads-listing .inner-padding .content .title{padding:10px 0 5px 0;}
    .floating-btn{width:65px;height: 65px;display: flex;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
    .floating-btn span{color:#ffffff}
    .my-account{width:100%;}


    /*new css*/
	body{padding-top:136px;}
	header .top{display: none;}
	header .bottom .all-categories{display: none;}
	header .bottom .header-menu{display: none;}
	header .mbl-header{display: block;}
	header .mbl-search{display: flex;width:100%;height: auto;align-items: center;padding-bottom:20px;}
	header .mbl-search input{padding:10px 15px;background:#ffffff;border:none;width:100%;font-size:14px;}
	header .mbl-search button{padding:8px 10px 8px 10px;background:#ffffff;border:1px solid #ffffff;color:#00a591;}
	header .bottom .show-all-categories{top:56px;transform:translateX(-200%);transition: 0.3s ease all;visibility: hidden;display: block;}
	header .bottom .show-all-categories.active{transform:translateX(0);visibility: visible;}
	header .show-all-categories .list .each{max-width: none;width:50%;}
	header .show-all-categories .list{flex-wrap: nowrap;overflow-x: scroll;padding-bottom:10px;}
	.slider h1{font-size:42px;}
	.slider p{text-align: center;width:100%;}
	.product-each{width:33.3%;}
	.mobile-app .txt h3{font-size:24px;}
	.mobile-app .txt h2{font-size:28px;}
	.newsletter .list .txt h2{font-size:24px;}
	.newsletter .list .txt h3{font-size:18px;}
	header .bottom{top:83px;}
	.filters-mbl{display: flex;justify-content: center;align-items: center;width:100%;position: relative;background:#f5f5f5;transition: 0.3s ease all;z-index: 5;position: fixed;top:140px;right:0;left:0;margin:0 auto;}
	body.scrolled .filters-mbl{display: none;}
	body.up .filters-mbl{background:inherit;display: flex;}
	body.up .filters-mbl a{border-bottom:1px solid #ebebeb;}
	.listing-wrapper .container-fuild{padding-top: 40px;}
	.filters-mbl>a{font-size:16px;padding:15px 0;width:50%;text-align: center;background:#ffffff;}
	.filters-mbl ul{display: none;list-style: none;padding: 0;background: #ffffff;position: absolute;top: 35px;right: 10%;width: 150px;}
	.filters-mbl ul li{border-bottom: #ebebeb solid 1px;padding: 10px 10px;font-size: 14px;}
	.mobile-price{display: block;background-color: #00a591;font-size: 25px;font-family: 'Lato', sans-serif;padding: 35px 25px;color: #ffffff;background-image: url(../img/currency-watermark.png);background-repeat: no-repeat;background-size: auto 100%;background-position: right;margin-bottom: 35px;}
	.detail-sidebar .price{display: none;}
	.detail-wrapper .detail-sidebar{width:100%;margin-left:0;}
	.detail-wrapper{flex-direction: column;}
	.detail-wrapper .container > div{flex-direction: column;}
	.detail-wrapper .detail{width:100%;}
	/*new css*/
}

@media only screen and (max-width : 959px) {
	.listing-wrapper .side-bar .filterd-by h5{font-size: 20px;}
	.checkboxes .contain{font-size:16px;}
	.checkboxes .checkmark{width:20px;height:20px;}
	.checkboxes .contain .checkmark:after{left: 5px;top: 1px;width: 4px;height: 10px;}
	.listing-wrapper .side-bar .side-bar-filter input[type=search]{border-radius: 0px !important;font-size:14px;}
	.radioboxes .contain{font-size:16px;}
	.radioboxes .checkmark{width:20px;height:20px;}
	.price-slider{height:13px !important;}
	.ui-slider-horizontal .ui-slider-handle{width:27px !important;height: 27px !important}
	.container-fuild{padding:0 20px;}
	.listing-wrapper{padding-top:0;}
	.listing-top-filter p{display: none}
	.listing-top-filter .custom-dropdown{display: none}
	.listing-top-filter .sort-icon{display: none}
	.listing-wrapper .side-bar .mbl-filter-close{display: block;text-align: right;padding:10px;}
	.listing-wrapper .side-bar .filterd-by img{width:15px;}
	.listing-wrapper .listing-top-filter .mbl-filter{display: flex;width:100%;justify-content: center;align-items: center;text-align: center;}
	.listing-wrapper .listing-top-filter .mbl-filter a{width:50%;line-height: 60px; font-size:16px;color:#333333;font-family: 'Lato', sans-serif;text-decoration: none;font-weight: bold }
	.listing-wrapper .listing-top-filter .mbl-filter a:nth-child(1){border-right:1px solid #e0e0e0;}
	.listing-wrapper .listing-top-filter .mbl-filter a img{padding:0 5px;}
	.listing-wrapper .listing-top-filter{padding:0px 0;margin:0 0 20px 0;}
	.feature-categories{height: auto}
	.feature-categories .feature-categories-wrap{top: 0}
	.feature-categories .feature-categories-wrap{position: relative;padding:20px 0;}
	.col-19 {width:33.333%;}
	.mobile-app .paragraph p{padding:10px 0;font-size:12px;padding:50px 2%;}
	.slider{height: auto;min-height: 400px;}
	.slider h1{font-size:42px;}
	.slider h5{padding-bottom:0;font-size:18px;}
	.mobile-app .paragraph p{padding: 10px 2%;}
	.newsletter .newsletter-wrap .section-1 .content{width:75%;}
	.feature-categories .col-13{width:19%;margin: 0 4px;}
	.listing-wrapper .side-bar{display: block;position: absolute;transform: translateX(-200%)}
	.listing-wrapper .listing-column{width: 100%}
	.filter-active .side-bar{overflow: scroll;opacity: 1;left: 0;transition:all 0.3s linear; height: 100vh;display: block;position: fixed;justify-content: center;z-index: 99992;width: 100%;top:0;transform: translateX(0%);}
	.container{width:100%;display: block;padding:0 30px;}
	.col-31{width:49%;}
	.feature-ads{padding:0px 0 20px 0;}
    .floating-btn{width:65px;height: 65px;display: flex;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
    .floating-btn span{color:#ffffff}
    .my-listing .each{width:100%;}
}

@media only screen and (max-width : 767px){
	.detail-wrapper .container > div{flex-direction: column;}
	.container{width:100%;display: block;padding:0 30px;}
	.feature-ads-listing .col-31{width: 49%;}
	.sub-feature-ads-listing .col-19{width:33%;}
    .floating-btn{width:65px;height: 65px;display: flex;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
    .floating-btn span{color:#ffffff}

    /*new css*/
	.slider {min-height: 350px;}
	.product-each{width:100%;padding:0;margin:10px 0;}
	.mobile-app .txt{width:100%;display: flex;justify-content: center;flex-wrap: wrap;padding-bottom:20px;}
	.mobile-app .txt h3{text-align: center;width:100%;}
	.mobile-app .txt h2{text-align: center;width:100%;}
	.mobile-app .txt > div{display: flex;justify-content: center;}
	.mobile-app .img{width:100%;}
	.mobile-app .img img{padding:0;}
	.newsletter .list .txt{width:100%;padding-bottom:20px;display: flex;justify-content: center;}
	.newsletter .list .txt h2{text-align: center;}
	.newsletter .list .txt h3{text-align: center;}
	.newsletter .list form{width:100%;}
	.newsletter .list input{width:100%;}
	footer .container-fuild{flex-wrap: wrap;}
	footer p{margin:5px 0;text-align: center;width:100%;}
	.my-account .my-listing-filters{flex-wrap: wrap;}
	.my-account .my-listing-filters input{width:100%;margin-bottom:25px;}
	.my-account .my-listing-filters > div{width:100%;justify-content: center;}
	.my-listing .each .content .date-details{flex-wrap: wrap;}
	.my-listing .each .content .date-details p{font-size:10px;width:100%;margin-bottom:5px;}
	.my-listing .each .content .date-details a{font-size:10px;}
	/*new css*/
}

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

	.listing-wrapper .listing-content .column-view .col-19{width:50%}
	.container-fuild{padding:0 20px;}
	.listing-wrapper{padding-top:0;}
	.listing-top-filter p{display: none}
	.listing-top-filter .custom-dropdown{display: none}
	.listing-top-filter .sort-icon{display: none}
	.listing-wrapper .side-bar .mbl-filter-close{display: block;text-align: right;padding:10px;}
	.listing-wrapper .side-bar .filterd-by img{width:15px;}
	.listing-wrapper .listing-top-filter .mbl-filter{display: flex;justify-content: center;align-items: center;text-align: center; height: 60px;position: relative;top: 0;transition: top 0.2s ease-in-out;width: 100%;}
	body.up .mbl-filter  {position: fixed !important;z-index: 1;RIGHT: 0;background: #fff;top: 140px !important;}
	.listing-wrapper .listing-top-filter .mbl-filter a{width:50%;line-height: 60px; font-size:16px;color:#333333;font-family: 'Lato', sans-serif;text-decoration: none;font-weight: bold ;background: #ffffff;position: absolute;}
	.listing-wrapper .listing-top-filter .mbl-filter a:nth-child(2){right:0;z-index: 101;}
	.listing-wrapper .listing-top-filter .mbl-filter a:nth-child(1){border-right:1px solid #e0e0e0;left:0;z-index: 101;}
	.listing-wrapper .listing-top-filter .mbl-filter a img{padding:0 5px;}
	.mbl-filter select{position: absolute;width:50%;right: 0;bottom: 0;z-index: 100}
	.listing-wrapper .listing-top-filter{padding:0px 0;margin:0 0 20px 0;}
	.feature-categories{height: auto}
	.slider h1{font-size:38px;}
	.slider h5{font-size:18px;}
	.feature-categories .col-13{width:100%; margin:0 7px;}
	.feature-ads-listing .col-31{width:49%;}
	.sub-feature-ads-listing .col-19{width:49%;}
	.mobile-app .section-1{width:100%;}
	.mobile-app .section-2{width:100%;text-align: center;}
	.mobile-app .section-2 .icon-app-name{justify-content: center}
	.mobile-app .paragraph{width:100%;}
	.footer-main-wrap .col-29{width:100%;}
	.feature-categories .feature-categories-wrap .feature-categories{padding:1.5% 5px 0 5px}
	.container{width:100%;display: block;padding:0 30px;}
	.feature-categories .feature-categories-wrap .feature-categories{padding: 20px;}
	.detail-sidebar .supplier-information .supplier-name a{font-size:18px;}
    .floating-btn{width:65px;height: 65px;display: flex;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
    .floating-btn span{color:#ffffff}
    .newsletter .newsletter-wrap .section-1{width:100%;margin-bottom: 20px;}
    .newsletter .newsletter-wrap .section-2{width:100%;}
    .newsletter .newsletter-wrap .section-2 .input{justify-content: flex-start;}
    .newsletter .newsletter-wrap .section-2 .input input{width:100%;}
    .footer-main .footer-main-wrap .follow{width:100%;display: flex;justify-content: center;margin-top:20px;}


}

@media only screen and (max-width : 480px) {
	.listing-wrapper .listing-content .column-view .col-19{width:100%;}
	.slider{height:auto;min-height: 350px;}
	.slider h1{padding-top: 0;font-size:32px;}
	.slider h5{font-size:13px;}
	.feature-ads-listing .col-31{width:100%;}
	.sub-feature-ads-listing .col-19{width:100%;}
	.newsletter .newsletter-wrap .section-1{width:100%;display: flex;justify-content: center;padding:20px 0;}
	.newsletter .newsletter-wrap .section-2{width: 100%;display: flex;justify-content: center;}
	.header-top .mob-btns .logo{margin:0; padding:0;}
	.header-top .mob-btns .menu-icon{width:45px;}
    .header-top .mob-btns .place-your-ad{padding:12px 16px;}
	.header-top .mob-btns .place-your-adsignin{padding:12px 16px;}
	.feature-categories .feature-categories-wrap{width: 100%}
	.detail .title-features ul li{width:100%;}
	.detail .img .img-icons{margin:5px;}
	.detail .img .img-icons span{margin: 5px 0;padding: 2px 10px;}
	.container{padding:0 10px;}
	.detail-wrapper .detail .description{padding:10px;}
    .floating-btn{width:65px;height: 65px;display: flex;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
    .floating-btn span{color:#ffffff}
    .feature-categories .col-13{width:100%;margin:5px 0;}

}

@media only screen and (max-width : 360px) {
	.container{padding:0 10px;}
	.detail .title-features h1{font-size:18px;}
	.slider{height:50vh;}
	.slider h1{font-size:24px;}
	.slider h5{ font-size:10px;}
	.sub-feature-ads-listing .col-19{padding:0 0 4.5%;}
    .floating-btn{width:65px;height: 65px;display: flex;background: #00a591;cursor: pointer;justify-content: center;align-items: center;border-radius: 50%;position: fixed;bottom:0;right:0;margin:15px;z-index: 9999;}
    .floating-btn span{color:#ffffff}

    header .show-all-categories .list .each{width:auto;}
	.slider h1{font-size:32px;}
	.slider p{font-size:18px;}

}