/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
img {border: 0;}
a { text-decoration: none; border: 0; outline: 0; }
.clear { clear: both; width: auto !important }
ul {list-style: none;}
a:focus, input:focus, textarea:focus,
*:focus { outline: 0 !important; box-shadow: none !important; }
/* =================reset css ends here================= */
/* =================core css starts here================= */
body { font-size: 15px; line-height: 25px; font-weight: 400; font-family: 'Raleway', sans-serif; color: #333; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 100%; max-width: 1200px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: #dbbb0d; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #999; opacity: 1; }
:-moz-placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; opacity: 1; }
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}
img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 15px; line-height: 1.2; font-weight: 700; color: inherit; }
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 28px;}
h4 { font-size: 17px; line-height: 1.4; }
h5 { font-size: 18px; line-height: 1.4; }
h6 { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px }
p { margin: 0px; padding: 0px; margin-bottom: 25px; }
strong {font-weight: 600;}
b {font-weight: 700;}
p:last-child {margin-bottom: 0;}
.larger-font{font-size: 32px;line-height: initial;}
.hr-foot{border-top: 2px solid #808080;}
.mar-60 {margin-bottom: 60px !important;}
.mar-40 {margin-bottom: 40px !important;}
.mar-30 {margin-bottom: 30px !important;}
.mar-20 {margin-bottom: 20px !important;}
.no-mar {margin: 0 !important;}
.btn { border-radius: 10px; font-weight: 700; padding: 8px 20px;min-width: 140px; font-size: 15px; box-shadow: none;}
.btn-default,
.btn-default:focus { color: #fff; background-color: #0f3955; border: solid 2px #703b56; }
.btn-default:hover,
.btn-default:active { color: #fff; background-color: #703b56; border-color: #703b56; }
.btn-primary,
.btn-primary:focus { color: #203a52; background-color: #fff; border: solid 1px #703b56; }
.btn-primary:hover,
.btn-primary:active { color: #fff; background-color: #703b56; border-color: #703b56; }
.btn-second,
.btn-second:focus { color: #fff; background-color: transparent; border: solid 1px #fff; }
.btn-second:hover,
.btn-second:active { color: #a39964; background-color: #fff; border-color: #fff; }
.btn.btn-lg {padding: 18px 40px !important;}
.btn.btn-xs { padding: 8px 15px !important; min-width: auto; }
.btn+.btn {margin-left: 10px;}
.color-text {color: #a39964 !important;}
.form-control {min-height: 40px;}
.set-bg{background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;}
.content-container{padding: 50px 0;}
.set-width{width: calc(100% + 30px);margin-left: -15px;}
.set-width1{width: calc(100% + 10px);margin-left: -5px;}
.heading h2, .heading1 h3 {font-size: 30px;font-weight: 600;}
.bold-link {text-decoration: underline;font-weight: bold;}
.big-font{font-size: 55px !important;}
.display-space-between {display: flex;justify-content: space-between;}
.display-space-around {display: flex;justify-content: space-around;}
/* =================core css ends here================= */
/* ================= Header start ================= */
.sticky{position: fixed; background: #fff;}
header {position: relative; left: 0; top: 0; right: 0; padding: 0; z-index: 999; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
.fixed header { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); background: #fff; color: #000; }
.navbar-toggler { width: 50px; height: 50px; border-radius: 4px; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; top: 13px; right: 10px; }
.navbar-default .navbar-toggler:hover,
.navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]),
.navbar-toggler:not([class="collapsed"]):focus,
.navbar-toggler:not([class="collapsed"]):hover {background: #d6af37;}
.navbar-toggler.collapsed,
.navbar-toggler.collapsed:focus,
.navbar-toggler.collapsed:hover {background: #d6af37;}
.home .navbar-toggler.collapsed,
.home .navbar-toggler.collapsed:focus,
.home .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .icon-bar { position: relative; display: inline-block; width: 25px; height: 3px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent!important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; vertical-align: middle; }
.navbar-toggler .icon-bar:before,
.navbar-toggler .icon-bar:after { content: ''; width: 20px; height: 3px; background: #fff; position: absolute; left: 0; transition: all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar {background: #fff!important;}
.navbar-toggler.collapsed .icon-bar:before,
.navbar-toggler.collapsed .icon-bar:after {background: #fff;}
.navbar-toggler.collapsed .icon-bar:before { top: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.dropdown-menu { border: 0; border-radius: 0; font-size: 14px; line-height: 18px; min-width: 12rem; text-align: center; }
.dropdown-item {padding: 10px 15px;border-bottom: 1px solid #eee;color: #000;font-weight: 600;}
.dropdown-menu li:last-child .dropdown-item{border-bottom: none;}
.dropdown-menu>li:hover>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>li:focus>a,
.dropdown-menu>li:active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.nav-item.active>a,
.dropdown-item.active,
.dropdown-item:active { background: transparent; color: #a39964; }
@media only screen and (min-width: 1200px) {
.navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
}
.header-right { float: right; z-index: 20; position: relative; margin: 0; padding: 0; font-size: 17px; line-height: 40px; font-weight: 700; }
.header-right a { padding: 0 10px; text-align: center; margin: 17px 0; margin-right: 0; }
.header-search { float: left; position: relative; }
.navbar {padding: 0;}
.navbar-nav { font-size: 14px; font-weight: 600;}
.navbar-brand { width: 150px; position: relative; margin: 0; }
.navbar-brand small { color: #fff; position: absolute; left: 100%; top: 50%; text-align: center; margin-top: -8px; font-size: 10px; line-height: 10px; padding: 5px 10px; opacity: 0.5; }
.fixed .navbar-brand small {color: #000;}
.logo-dark {display: none;}
.fixed .logo-white {display: none;}
.fixed .logo-dark {display: block;}
.navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav .nav-link { padding: 0 15px;text-align: center; line-height: 30px;}
.navbar-expand-xl .navbar-nav .nav-link:hover{background: #fff;}
/*-----*/
.header-tag {text-align: center;color: #DEA209;position: relative;top: -15px;font-weight: 600;}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-15{width: 24.333%!important; padding-right: 15px;
    padding-left: 15px;}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
ul.categories-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 0;
    position: relative;
}
ul.categories-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;margin: 5px 0;position: relative;
}
ul.categories-list li:hover,ul.categories-list li:active {
    background: #eee;
}
span.categories-icon {
    margin-right: 10px;
}
/*--Mini Dropdown--*/
.categories-inner-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    background: #fff;
    z-index: 1;
    border: 1px solid #ccc;
    text-align: left;
    padding: 10px 5px;
    height: 145px;
    overflow-x: hidden;
    transform: scale(0);
    transition: 0.5s all;
}
ul.categories-inner-dropdown li {
    color: #767171;
    font-size: 14px;
    line-height: 21px;
}
ul.categories-inner-dropdown li a {
    width: 100%;
}
ul.categories-list > li:hover .categories-inner-dropdown{transform: scale(1);}
.categories-icon img:hover{-webkit-filter: grayscale(0);}
.btn-info {
    background-color: #0f3955;
    border-color: #0f3955;
}
/* ================= Header end ================= */



/* ================= Hero Slider Start ================= */
/*.hero-slider-bg {position: relative;}
.hero-slider-inner{display: table;height: 100vh; width: 100%;}
.hero-slider-content{display: table-cell;vertical-align: middle;text-align: center;height: 600px;background: rgba(0, 0, 0, 0.6);}
.hero-slider-content .form-control {box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.6);border-radius: 7px 7px 7px 7px;border: solid;min-height: 50px;}
.home-search {display: flex;align-items: center;}
.home-search .btn{border-radius: 4px;padding: 10px;}*/

div#tocategory {padding-top: 0;}
.hero-slider-bg {position: relative;}
.hero-slider-inner{display: table;height: 60vh; width: 100%;}
.hero-slider-content{display: table-cell;vertical-align: middle;text-align: center;background: rgba(0, 0, 0, 0.2);}
.home-search-upper {color: #fff;}
.hero-content {position: relative;}
.home-search {display: flex;align-items: center;background: rgba(0,0,0,0.6);}
.home-search .btn {border-radius: 0;padding: 13px 10px;background: transparent;border: 0;color: #fff;border-left: 1px solid #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.home-search .btn:hover{color: #eee !important;}
.hero-slider-content .form-control {box-shadow: none;border-radius: 0;border: 0;min-height: 50px;background: transparent;font-size: 18px;}
.hero-slider-content .form-control::placeholder{color: #fff;}
.hero-slider-content .form-control:focus::placeholder {color: transparent;}
.home-search-upper h3 {font-size: 45px;}
.home-search-upper h4 {font-size: 25px;margin-top: 15px;font-weight: 500;font-style: italic;}
/*----*/
input.form-control.big-search {
    min-width: 450px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}
button.btn.btn-default.serach-btn {
    min-width: 50px;
    border-right: 1px solid #fff;
}
input.form-control.postal-code {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    min-width: 100px;
}
/* ================= Hero Slider End ================= */


.categories-title-section{position: relative;}
.categories-title {
    position: absolute;
    left: 0;right: 0;
    bottom: 30px;
    text-align: center;
    width: 100%;
}
.categories-title h2{color: #fff;border: 1px solid #fff;padding: 10px;display: inline-block;border-radius: 10px;}


/* ================= Categories Start ================= */
/*-- ul.categorie-list li {width: 20%;float: left;padding: 0 15px;margin: 15px 0;}
.categorie-box{min-height: 200px;border-radius: 10px;position: relative;width: 100%;border: 2px solid #757261;}
.overlay {position: absolute;left: 0;right: 0;height: 100%;z-index: 1;background: rgba(0, 0, 0, 0.5);border-radius: 10px;opacity: 0;}
.categorie-box:hover .overlay{opacity: 1;}
.categorie-box h3 {position: absolute;bottom: 0;background: #a39964;left: 0;right: 0;margin-bottom: 0;padding: 15px;color: #fff;border-radius: 0 0 10px 10px;font-size: 14px;text-align: center;z-index: 2;} --*/

.categorie-box-wrapper{width: 100%;}
ul.categorie-list {display: flex;flex-wrap: wrap;}
ul.categorie-list li {width: 20%;float: left;padding: 0 15px;margin: 15px 0;}
ul.categorie-list h3.categorie-name {text-align: center;margin-bottom: 10px;font-size: 18px;text-transform: uppercase;}
.categorie-box{min-height: 200px;position: relative;width: 100%;}
.overlay {position: absolute;left: 0;right: 0;height: 100%;z-index: 1;background: rgba(0, 0, 0, 0.5);opacity: 0;}
.categorie-box:hover .overlay{opacity: 1;}
.categorie-box-wrapper:hover h3{color: #954f72;}
/* ================= Categories End =================== */



/* ================= Footer Start =================== */
.footer-upper{padding: 30px 0;background: #203a52;color: #fff;}
.footer-upper h4 {margin-bottom: 10px;font-size: 17px;font-weight: 500;}
.footer-upper .separator {border-bottom: 2px solid #703b56;margin-bottom: 25px;}
.footer-upper ul li a{color: #90b8de;font-size: 14px;position: relative;padding-left: 20px;}
.footer-upper ul li a:before {content: '\f105';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 15px;color: #fff;position: absolute;left: 0;}
.footer-upper ul li a:hover{color: #fff;}
/*--Lower--*/
.footer-lower {background: #203a52;color: #fff;}
.footer-lower-content {display: flex;justify-content: space-between;border-top: 2px solid #703b56;padding: 20px 0;}
ul.footer-lower-list li {display: inline-block;padding: 0 5px;}
ul.footer-lower-list li a.btn-border{border: 1px solid #fff;padding: 0 10px;}
ul.footer-lower-list li a:hover{color: #90b8de;}
/* ================= Footer End ===================== */



/* ================= Register, Login Model Start ===================== */
.cross-btn {position: absolute;right: 9px;top: 10px;z-index: 99;}
.cross-btn img {width: 25px;}
.model-custom-width{max-width: 950px;}
.model-custom-width h3{font-size: 20px;margin-bottom: 10px;}
.model-custom-width h4{font-size: 16px;color: #B03737;}
.model-custom-width p{margin-bottom: 10px;font-weight: 600;}
.register-form .form-group{margin-bottom: 7px;}
.register-form .form-control{min-height: 28px;padding: 5px 15px;border: 2px solid rgba(194, 188, 156, 1);}
.register-form .btn{border-radius: 4px;}
.register-note {margin-top: 20px;}
.register-note h4{color: #333;}
/*--Login--*/
.model-custom-width1{max-width: 350px;}
.login-form {padding-top: 20%;}
.login-form .form-control {border: 2px solid rgba(194, 188, 156, 1);min-height: 45px;}
.set-account{margin-top: 20px;}
/* ================= Register, Login Model End ===================== */



/* ================= My Home Start ===================== */
.my-home{color: #fff;position: relative;text-align: center;display: table;width: 100%;}
.content-inner {display: table-cell;vertical-align: middle;background: rgba(0, 0, 0, 0.6);}
.my-home h1 {background: #919191;padding: 7px;font-size: 45px;font-weight: 500;}
.tags {font-weight: 500;font-style: italic;}
ul.my-home-list {display: flex;}
ul.my-home-list li {width: 25%;float: left;padding: 0 15px;margin: 15px 0;display: flex;}
.my-home-list-box{background: rgba(145, 152, 155, 0.8);min-height: 200px;padding: 20px;width: 100%;}
.numberring {font-size: 48px;font-family: 'Lobster', cursive;margin-bottom: 35px;position: relative;}
.numberring:before{content: ""; position: absolute;bottom: -20px;height: 2px;width: 50px;background: #fff;}
.group-buttons {margin-top: 50px;}
.group-buttons .btn {min-width: 210px;}
/*--After Hour Page--*/
.logo-block {display: flex;justify-content: space-between;align-items: center;}
.logo-block-left img {width: 250px;}
ul.hour-list li {width: 33.33%;float: left;padding: 0 15px;margin: 15px 0;}
ul.hour-list li a{width: 100%;}
ul.hour-list li .home-list-bg {min-height: 200px;border-radius: 10px;border: 2px solid;}
ul.hour-list li h3 {font-size: 18px;margin-bottom: 0;margin-top: 20px;text-align: center;}
/* ================= My Home End ======================= */



/* ================= Contractor Form Start ===================== */
ul.contract-menu {background: #203a52;color: #fff;font-size: 16px; text-align: center;border-radius: 10px;padding: 10px 0;}
ul.contract-menu li {display: inline-block;padding: 5px 15px;position: relative;}
ul.contract-menu li:first-child:before{display: none;}
ul.contract-menu li:before {content: "";background-image: url(../images/left-arrow.png);background-size: 15px 15px;background-repeat: no-repeat;position: absolute;left: -9px;padding: 10px;top: 10px;}
ul.contract-menu li a.active {font-weight: 600;color: #dbbb0d;}
/*--Form Start--*/
.contract-step{margin-top: 30px;}
.first-top {background: #203a52;border-radius: 10px;padding: 3% 5%;margin-bottom: 30px;}
.first-top label {font-weight: 900;color: #fff;}
.first-top-inner label{color: #333;}
ul.client-logo li {width: 25%;float: left;padding: 0 15px;}
ul.client-logo li img{display: block;border-radius: 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);background-color: rgba(255, 255, 255, 1);border: 2px solid rgba(255, 255, 255, 1);overflow: hidden;}
.set-title {color: #fff; padding: 10px 20px;background-color: #203a52;border-radius: 5px;border: 2px solid #703b56;display: flex;justify-content: space-between;align-items: center;}
.set-title h3 {margin: 0;font-size: 20px;}
ul.client-logo {padding: 15px 0;display: flex;}
.first-top-inner {background: #fff;padding: 30px;border-radius: 20px;margin: 10px 0;}
.form-title span{text-decoration: underline;}
.text-center.set-text {margin: 25px 0;font-size: 20px;letter-spacing: 2px;}
.review-section {display: flex;align-items: center;justify-content: space-between;color: #fff;padding: 5px;background-color: #203a52;border-radius: 5px;border: 2px solid #703b56;}
.rating-score span {display: inline-block;text-align: center;line-height: 16px;}
.rating-score .thumbs-icon {width: 40px;height: 40px;border: 2px solid #703b56;display: block;align-items: center;float: left;margin-right: 30px;color: #fff;line-height: 40px;font-size: 20px;border-radius: 30px;}
ul.multi-picture-list {display: flex;}
ul.multi-picture-list li {padding: 0 15px;margin: 15px 0;}
.upload-picture {min-height: 100px;border-radius: 10px;margin-bottom: 20px;}
.highlight-a .form-group a{color: #00a2ff;}
/*--==****-------****==--*/
.switch-outer .switch {position: relative;display: inline-block;width: 60px;height: 34px;margin-top: 15px;}
.switch-outer label {line-height: 35px;margin-bottom: 0;margin-left: 10px;}
.switch-outer .switch input { opacity: 0;width: 0;height: 0;}
.switch-outer .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ff5454;-webkit-transition: .4s;transition: .4s;}
.switch-outer .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switch-outer input:checked + .slider {background-color: #4bdb7b;}
.switch-outer input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch-outer input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.switch-outer .slider.round {border-radius: 34px;}
.switch-outer .slider.round:before {border-radius: 50%;}
/* ================= Contractor Form End ======================= */



/* ================= Category Start =========================== */
.category {
    border: 2px solid rgb(176, 169, 134);
    padding: 10px;
    margin: 20px 0;
}
.multi-button .btn-primary {
    padding: 5px;
}
/* ================= Category End ============================= */



/* ================= Hire List Start ======================= */
.home-hire {
    font-size: 20px;line-height: 32px;
}
.home-hire-img {
    border-radius: 7px 7px 7px 7px;
    box-shadow: -40.45px 29.39px 4px 0px rgba(0,0,0,0.54);
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(255, 255, 255, 1);
    display: inline-block;
}
ol.ol-list li {
    position: relative;
    display: block;
    padding-left: 35px;
    margin: 10px 0;
}
ol.ol-list li a {
    text-decoration: underline;
}
ol.ol-list li:before {
    content: '\f35a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #ccc;
    position: absolute;
    left: 0;
}
.smart-border {
    border-top: 5px solid rgba(112 59 86);
    border-bottom: 1px solid rgba(112 59 86);
    padding: 5px 0 0 0;
    margin-bottom: 30px;
}
/*.bg-wsib{background: #dcdcdc;}*/
.bg-wsib {
    background: #203a52;
    color: #fff;
}
.bg-wsib .home-hire-content {
    margin-bottom: 30px;
}
/* ================= Hire List End ======================= */



/* ================= Done Pronto Way Start ======================= */
h3.done-pronto-heading {background: #203a52;padding: 10px 20px;border-radius: 10px;border: 2px solid #703b56;margin-bottom: 30px;color: #fff;}
.doneprontoway {
    font-size: 20px;
    line-height: 32px;
}
.signing-free {
    color: #fff;position: relative;font-size: 18px;
}
.signing-free:before{content: "";height: 100%;position: absolute;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);}

.package-border {
    border: 30px solid #44546a;
    padding: 20px;
    border-radius: 7px 7px 7px 7px;
    box-shadow: -40.45px 29.39px 4px 0px rgba(0,0,0,0.57);
    background-color: rgba(255, 255, 255, 1);
}
.packages-block .table th, .packages-block .table td{padding: 0.35rem;}
.packages-block thead{background: #000;color: #fff;}
.price-block td{font-weight: bold;font-size: 20px;}
ul.ads-list.set-width {
    display: flex;
    flex-wrap: wrap;
}
ul.ads-list li{width: 25%;float: left;padding: 0 15px;margin: 15px 0;}
ul.ads-list li:first-child{width: 40%;}
ul.ads-list li:nth-child(2){width: 60%;}
.ads-list-box{min-height: 250px;}
.ads-list-box.ads-text {
    background: #fff;
    padding: 20px;
    color: #000;
}
.ads-list-box.ads-text h3{font-size: 25px;}
/* ================= Done Pronto Way End ========================= */


/* ================= Contact Us Start ========================= */
.address-info p {font-size: 18px;margin-bottom: 10px;}
.map {border: 2px solid #444;}
.term-condition h4{margin-bottom: 0px;}
ul.inner-list li:before {display: none;}
.term-condition h3, .privacy-policy h3, .security-policy h4 {font-size: 19px;margin-bottom: 5px;}
.term-condition ol.ol-list li:before, .privacy-policy ol.ol-list li:before, .security-policy ol.ol-list li:before, .google-my-business ol.ol-list li:before {font-size: 16px;}
/*----*/
ul.numbering {
    margin-left: 30px;margin-bottom: 20px;
}
ul.numbering > li {
    list-style: decimal;padding: 5px 0;
}
ul.inner-circle li {
    list-style: circle;
}
ul.inner-circle {
    margin-left: 30px;
}
/* ================= Contact Us End =========================== */



/* ================= Pricing Start =========================== */
.home-hire-content.small-list ol.ol-list li {margin: 0;}
ul.circle {margin-left: 40px;}
ul.circle li:before{display: none;}
ul.circle li {line-height: 22px;}
ul.circle li a{text-decoration: underline;}
.set-format {display: flex;justify-content: space-between;align-items: center;}
/*----*/
.pricing-table {
    font-size: 18px;
    border-radius: 7px 7px 7px 7px;
    box-shadow: -40.45px 29.39px 4px 0px rgba(0,0,0,0.54);
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(255, 255, 255, 1);
}
.pricing-table .table th, .pricing-table .table td{padding: 5px;}
.pricing-table thead {background: #29af8e;color: #fff;}
/* ================= Pricing End =========================== */



/* ================= Dashboard Start =========================== */
.dashboard-home {
/*    height: 100vh;*/
}
ul.dash-menu{text-align: center;}
ul.dash-menu li {
    display: inline-block;
}
ul.dash-menu li a {
   padding: 5px 28px;
    margin: 5px;
    background: #0f3955;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    border: 2px solid #703b56;
    border-radius: 6px;
    color: #fff;
    transition: 0.5s all;
    font-size: 13px;
}
.light-color{color: #7f7f7f;}
ul.dash-menu li a:hover{background: #fff;border: 2px solid #703b56; color: #0f3955;}
/*----*/
.multi-button.custom-multi a {
    min-width: 80px;
    padding: 3px 5px;
    font-size: 13px;
}
/* ================= Dashboard End ============================= */



/* ================= Add Images End ============================= */
.add-image-gallery {
    background: #efefef;
    padding: 20px;
    border: 2px solid #555;border-radius: 10px;
}
.inputDnD .form-control-file {
     position: relative;
     width: 100%;
     height: 100%;
     min-height: 6em;font-size: 12px;
     outline: none;
     visibility: hidden;
     cursor: pointer;
     background-color: #c61c23;
     box-shadow: 0 0 5px solid currentColor;
}
 .inputDnD .form-control-file:before {
     content: attr(data-title);
     position: absolute;
     top: 0.5em;
     left: 0;
     width: 100%;
     min-height: 0em;
     line-height: 2em;
     opacity: 1;
     visibility: visible;
     text-align: center;
     transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
     overflow: hidden;
}
/* ================= Add Images End ============================= */



/* ================= Inner Pages Start ============================= */
.category-inner h3 {
    font-size: 20px;
}
ul.review-resorce li {
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 8px;
}
ul.review-resorce li a{background: #eee;border-radius: 5px;}
.general-contract {
    /*display: flex;*/
    align-items: end;
}
.general-contract-left {
    background: #e6ddae;
    min-height: 100px;
    line-height: 100px;
    padding: 10px;width: 200px;
    border-radius: 10px;
    margin-right: 30px;
    float:left;
}
.function-block {
    display: flex;
}
.function-block .function-list {
    width: 30%;
    float: left;
}
.function-block .function-list span{display: block;}
/*-----*/
.related-videos li{width: 33.33%;float: left;padding: 0 15px;margin: 15px 0;}
.ab-logo {
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
}
.get-quote-inner {
    background: #eee;
    padding: 30px;
    border: 5px solid #ccc;
    border-radius: 10px;
}
/*--------*/
ul.social-links li {display: inline-block;}
ul.social-links li a i {border: 2px solid #fff; width: 40px;background: #c08a2a;text-align: center;height: 40px;line-height: 40px;margin-right: 5px;border-radius: 4px;color: #fff;position: relative;transition: all 0.5s;}
ul.social-links li a .fa-facebook-f{background: #4267b2;}
ul.social-links li a .fa-twitter{background: #55aded;}
ul.social-links li a .fa-youtube{background: #f00;}
ul.social-links li a .fa-linkedin-in{background: #0077b5;}
ul.social-links li a .fa-instagram{background: #e41e59}
ul.social-links li a i:hover{transform: scale(1.1);}
/* ================= Inner Pages End ============================= */



/* ================= Reviews Customers Start ====================== */
ul.reviews-customer-list {
    display: flex;
    flex-wrap: wrap;
}
.reviews-customer-box {
    display: flex;
}
ul.reviews-customer-list > li {
    padding: 20px;
    border: 4px solid #a39964;border-radius: 10px;
    margin: 15px 0;
}
.reviews-customer-box-left {
    min-width: 140px;
    max-width: 140px;
    margin-right: 20px;
    border-right: 2px solid #ccc;
    padding-right: 20px;
}
.reviews-customer-box-left span.client-name {
    display: block;
    text-align: center;
    font-weight: 600;
    margin: 10px 0;
    font-size: 18px;
}
.reviews-customer-box-right{position: relative; width: 100%;}
.date-and-time {
    /*position: absolute;*/
    /*top: 0;*/
    color: #ad6e6e;
    /*right: 0;*/
}
.reviews-customer-box-right-inner {
    display: flex;
    justify-content: space-between;
}

h3.business-response {
    color: #8B0000;
    font-size: 25px;
}
.set-review-text img {
    float: left;
}
/* ================= Reviews Customers End ======================== */



/* ================= Submit Review Start Start ======================== */
.submit-review .rating-stars {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}
.submit-review .success-box {
    min-width: 200px;
}
.submit-review .success-box img {
  margin-right:10px;
  display:inline-block;
  vertical-align:top;
}
.submit-review .success-box > div {
  vertical-align:top;
  display:inline-block;
  color:#888;
}
.submit-review .rating-stars ul {
  list-style-type:none;
  padding:0;
  -moz-user-select:none;
  -webkit-user-select:none;
}
.submit-review .rating-label {font-weight: 600;min-width: 200px;}
.submit-review .rating-stars ul > li.star {
  display:inline-block;
}
.submit-review .rating-stars ul > li.star > i.fa {
  font-size:1.5em;
  color:#ccc;
}
.submit-review .rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}
.submit-review .rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}
/*--=======--*/
.submit-review-inner {border: 2px solid #ccc;padding: 30px;}
.submit-review-inner label {font-weight: 600;}
.submit-review .inputDnD .form-control-file{min-height: 0;}
/*--=======--*/
.view-gallery-inner {
    background-color: #fff;margin: 30px 0;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    border: 3px solid rgba(163, 153, 100, 1);
    padding: 40px;
}
.view-gallery-inner h3 {
    font-size: 22px;
    font-weight: 500;
}
ul.photo-gallery {
    display: flex;
    flex-flow: wrap;
}
ul.gallery-block-list li {
    margin: 30px 0;
}
.gallery-block-box-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
}
.text-up {
    place-self: flex-start;margin-bottom: 20px;
}
.gallery-block-box {
    background-color: rgba(51, 51, 51, 1);
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    border: 3px solid rgba(163, 153, 100, 1);
    padding: 20px;color: #fff;
}
.gallery-block-box h3 {
    font-weight: 100;margin-bottom: 50px;
    font-size: 23px;position: relative;
}
.gallery-block-box h3:before {
    content: '';
    position: absolute;
    height: 4px;
    background: #fff;
    width: 50px;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%);
}
.gallery-block-box-left {
    min-height: 400px;
}
/* ================= Submit Review Start End ========================== */



/* ================= City Air Toronto Start ========================== */
ul.photo-gallery li {width: 33.33%;float: left;padding: 0 5px;}
a.gallery-block {min-height: 170px;width: 100%;display: block;position: relative;margin: 5px 0;}
.gallery-block:hover .overlay{opacity: 1;border-radius: 0;}
.gallery-block .overlay button {border: none;background: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 30px;cursor: pointer;}
/* ================= City Air Toronto End ========================== */



/* ================= Set Css Start ========================== */
.display-space-between.bottom-end {align-items: flex-end;}
.display-space-between.bottom-end h4, .display-space-between.bottom-end h3 {margin-bottom: 0;}
ul.related-videos.custom-gallery li {width: 25%;float: left;}
/* ================= Set Css End ========================== */


/* ================= Dashboard Start ========================== */
.customer-details {
    background: #eee;
}
.customer-details thead {
    background: #6e6968;
    color: #fff;
}
.customer-details table {
    border: 2px solid #000;
    border-radius: 10px;
    text-align: center;
}
.customer-detail-block {
    width: 11.11%;
    float: left;
}
.customer-details-list li:first-child{background: #000;}
.customer-details-list li:first-child {
    background: #6e6968;
    color: #fff;
    text-align: center;
    font-weight: 500;
}
.add-customer {
    padding: 20px;
    border: 2px solid #ccc;border-radius: 20px;
}
.add-customer input{min-height: 50px;}
/*----*/
.employee-block h3 {
    background: #ccc;text-align: center;
    padding: 10px;margin-bottom: 0;font-size: 20px;font-weight: 600;
}
.add-employee {
    background: #eee;
    padding: 20px;
}
.add-employee .form-group {
    margin-bottom: 5px;
}
.display-space-between.set-bg-color {
    background: #ccc;
    padding: 10px;
}
/*------*/
.employee-list-box {
    display: flex;
    align-items: center;
}
ul.employee-list li {
    width: 50%;padding: 0 15px;
    float: left;margin: 15px 0;
}
.employee-list-box {
    background: #eee;
    padding: 15px;
    border-radius: 10px;
    min-height: 210px;
}
.action-btn .btn {
    min-width: 60px;
    margin-top: 10px;
    padding: 3px 15px;
    border-radius: 6px;
    font-size: 11px;
}
.profile-icon {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
/* ================= Dashboard End ========================== */



/* ================= Review Link Start ========================== */
.review-link-inner {
    padding: 20px;
    border-radius: 20px;
    border: 2px solid #ccc;
}
/* ================= Review Link End ============================ */



/* ================= Customer Review Start ========================== */
ul.customer-review-block li {
    border-top: 5px solid #a0a09f;
    border-bottom: 5px solid #a0a09f;
    padding: 2px 0;margin: 15px 0;
}
.customer-review-box {
    padding: 15px 0;
    border-top: 1px solid #a0a09f;
    border-bottom: 1px solid #a0a09f;
}
.customer-review-box h4 {
    margin: 0;
}
.customer-review-box-left {
    min-width: 150px;
}
.customer-review-box-right {
    min-width: 200px;
}
.customer-review-box .inputDnD .form-control-file {
	min-height: 3em;
}
.complete{
    display:none;
}
/*.more {
    font-size: 13px;
    padding: 3px;
    cursor: pointer;background: #ffdfdf;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 2.03px 4.57px 1px 1px rgba(0,0,0,0.36);
}*/
/* ================= Customer Review End   ========================== */

/* ================= Receipt Start  ========================== */
/*.receipt-block-inner {*/
/*    background: #eee;*/
/*    padding: 40px;*/
/*    border: 3px solid #000;*/
/*    border-radius: 20px;*/
/*}*/
.receipt-block-inner {
    background: #eee;
    padding: 40px;
    border: 3px solid rgb(149 79 114 / 54%);
    border-radius: 20px;
}
.receipt-block-inner h3{margin: 0;font-weight: 500;font-size: 20px;}
/*.receipt-header {*/
/*    background: #ada787;*/
/*    color: #fff;*/
/*    padding: 10px;margin-bottom: 20px;*/
/*}*/
.receipt-header {
    background: rgb(32 58 82 / 67%);
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
.receipt-header h3{text-align: center;}
.payment-form h3, .invoice-number h3{margin-bottom: 15px;}
.table-header thead{background: #ada787;}
.smart-btnrb button.btn {
    border: 1px solid #ccc;margin-bottom: 5px;
    margin-left: 30px;
}
/* ================= Receipt End  ============================ */

/* ================= Widget Start ======================= */
.facebook-widget {
    border: 2px solid #ccc;
    border-radius: 30px;
}
.facebook-widget-upper {
    display: flex;
    justify-content: space-between;
}
.facebook-widget-user {
    width: 70px;
    margin-right: 15px;
}
.facebook-widget-content-p {
    padding: 0 25px;
    margin: 10px 0;
}
.facebook-widget-content h4 {
    margin-bottom: 0;
}
.facebook-widget-upper-left {
    display: flex;
    align-items: center;
}
.facebook-widget-bottom .tag-done {
    margin-bottom: 0;
    color: #767171;
}
ul.star-rating {
    float: left;
    margin-right: 10px;
}
ul.star-rating li {
    display: inline-block;
}
.facebook-function {
    display: flex;
    justify-content: space-around;margin-top: 15px;
}
.facebook-widget-upper {
    padding: 15px 20px 0 20px;
}
.facebook-widget-bottom {
    padding: 0 20px 20px 20px;
}

/*-----------------*/
.serach-list
{
	position:absolute;width:450px;
	margin-left:4px;left: 150px;
	text-align:left;top:118px;
	min-height:10px; 
	max-height: 250px;
	overflow:hidden;
	overflow-y:auto;
	display:none;
	z-index: 99999;
	border-radius: 0px!important;
}
.serach-list li
{
	display:block;
	padding:1px 10px;
	background:#fff;
	width:100%;
	cursor: pointer; 
	z-index:99999;
	border-radius: 0px!important;
	margin:0px!important;
}
.serach-list li:hover
{
	background:#dadada;
	color:#555
}
.d-bloc
{
	display:block
}
.serach-category
{
	position:relative;
	width:509px;
	margin-left:4px;
	border-radius:4px;
	text-align:left;
	top:50px;
	height:120px;
	margin:0 auto;
	overflow:hidden;
	overflow-y:auto;
	display:none
}
.serach-category li
{
	display:block;
	padding:1px 10px;
	background:#fff;
	margin:2px 1px;
	width:90%;
	margin:0 auto;
	margin-bottom:3px;
	border-radius:6px
}
.serach-category li span
{
	font-size:12px;
	color:#00838f!important;
	margin-left:5px;
	position:relative;
	display:inline-block;
	font-weight:600;
	float:right
}
.hero-slider-content .form-control {color: #ffffff!important;} .serach-list li a span img{ margin-right: 7px; margin-left:0px;}.br-0{border-radius: 0!important;}.bb-0{border-bottom: transparent!important;}.bt-0{border-top:  transparent!important;}.mbtp-0{padding: .2rem .6rem .2rem .2rem!important;}.serach-list li span:last-child {float: left!important;}
.browse-category-title{color: #fff;border: 1px solid #fff;padding: 10px;display: inline-block;border-radius: 10px; font-size: 29px;} .categories-title{position: absolute;left: 0;right: 0;bottom: 50px;text-align: center;margin: 0 auto; padding: 10px;}   

 
/* ============================= 
! Screen size below 1201px
 ============================= */

@media only screen and (max-width: 1200px) {
    .navbar-nav, .dropdown-menu{font-size: 17px;}
.navbar-brand { margin: 10px 15px; width: 90px;}
.header-right { position: absolute; top: 0; right: 70px; }
.navbar-nav { background-color: #fff; color: #000; }
.navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav .nav-link {line-height: 30px;background: transparent;border: none;border-bottom: 1px solid #eee;border-radius: 0;}
.navbar-expand-xl .navbar-nav .nav-link:hover{color: #000;font-weight: bold;}
.navbar-collapse { position: fixed; left: 0; top: 75px; right: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); max-height: calc(100% - 60px); overflow-y: auto; }
.dropdown-menu {padding: 0;}
.dropdown-menu a {padding-left: 30px;}
.navbar-nav.sm-collapsible .sub-arrow { border: 0; margin: 0; line-height: 40px; height: 40px; top: 0;width: 100%;float: right;text-align: right;right: 15px; }
/*------*/
ul.categorie-list li{width: 25%;}
}

/* ================= Add Css Start ========================== */
.review-bg1{background: #5b5f66 !important;}
.review-bg2{background: #2172d8 !important;}
.review-bg3{background: #1bb2ff !important;}
.review-bg4{background: #07ac04 !important;}
.review-bg5{background: #9d1c20 !important;}
.review-bg6{background: #3188e2 !important;}
.review-bg7{background: #b6b6b6 !important;}
.review-bg8{background: #bfaa00 !important;}
.review-bg9{background: #e1b854 !important;}
.review-bg10{background: #e1b854 !important;}
ul.review-list > li {
    width: 50%;
    float: left;position: relative;
    padding: 0 15px;
}
ul.review-list > li:nth-child(even) .left-check-box{
    left: auto;
    right: -20px;
}
.review-list-box {
    min-height: 150px;
    background: #000;
    margin: 15px 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;position: relative;
    cursor: pointer;
}
.review-list-box h4{margin-bottom: 0;}
.review-list-box:before {
    content: "";
    position: absolute;
    height: 110px;
    min-width: 230px;
    border: 2px solid #fff;
}
ul.star-list {
    position: absolute;
    top: 8px;
    background: #000;
    padding: 0 10px;
}
ul.star-list li {
    display: inline-block;
}
.brand-logo {
    position: absolute;
    bottom: 10px;
    background: #000;
    padding: 0 10px;
}
/*---Check Box--*/
.left-check-box {
    position: absolute;
    top: 45%;left: 8px;
    transform: translate(-50%,-50%);
}
.left-check-box.form-check-right {
    left: auto;
    right: -20px;
}
.form-check-label{display: block;}
.form-check-input{transform: scale(1.5);}
.review-box-hidden .left-check-box{overflow: hidden;}
.high h4 strong{color: #f00;}
/* ================= Add Css End ============================ */

.display-space-between a.btn.btn-default.remote {
    color: #fff;
}


/* ============================= 
! Layout for ipad lanscape 
 ============================= */
@media only screen and (max-width: 1048px) {
    .btn+.btn{margin-left: 0;}
    h1 {font-size: 30px;}
    h2 {font-size: 25px;}
    h3 {font-size: 22px;}
    .big-font{font-size: 30px !important;}
    .mar-40 {margin-bottom: 20px !important;}
    .heading h2, .heading1 h3 {font-size: 25px;}
    .content-container {padding: 30px 0;}
    /*-----*/
    ul.categorie-list li{width: 33.33%;}
    ul.my-home-list li{width: 50%;}
    .my-home h1 {font-size: 35px;}
    .larger-font {font-size: 20px;}
    ul.ads-list li {width: 50% !IMPORTANT;}
    /*-----*/
    .rating-stars {flex-flow: column;}
    /*-----*/
    ul.photo-gallery li{width: 50%;}
    /*---*/
    ul.related-videos.custom-gallery li {width: 50%;}
    /*--------*/
    ul.employee-list li{width: 50%;}
    .employee-list-box {flex-flow: column;align-items: center;text-align: center;}
    /*----*/
    input.form-control.big-search{min-width: 350px;}

}

/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 991px) {
    .hero-slider-inner {height: 80vh;}
    .categories-title{bottom: 0 !important;}
}
/* =============================  
 ! Layout for mobile(lanscape) version  
 ============================= */
@media handheld, only screen and (max-width: 767px) {
    .mobile-center{text-align: center;}
    .home-search {flex-flow: column;}
    ul.categorie-list li{width: 33.33%;}
    .categorie-box {min-height: 100px;}
    .footer-lower-content {flex-flow: column;flex-direction: column-reverse;align-items: center;}
    ul.footer-lower-list {margin-bottom: 10px;}
    .footer-upper h4 {border-bottom: 1px solid #577794;}
    ul.my-home-list li{width: 100%;}
    ul.my-home-list {flex-flow: column;}
    /*----*/
    ul.client-logo {flex-flow: column;}
    ul.client-logo li{width: 100%;margin: 5px 0;}
    .review-section{flex-flow: column;text-align: center;}
    ul.multi-picture-list {flex-flow: column;}
    .home-hire-img {margin-bottom: 50px;}
    ul.ads-list li {width: 100% !important;}
    /*----*/
    .set-title {flex-flow: column;text-align: center;}
    .set-title h3 {margin-bottom: 10px;}
    .multi-button a {margin: 5px 0;}
    /*-------*/
    .general-contract {flex-flow: column;text-align: center;align-items: center;}
    .general-contract-left {margin-right: 0;margin-bottom: 20px;}
    .related-videos li {width: 100%;margin: 5px 0;}
    /*-----*/
    .reviews-customer-box {flex-flow: column;}
    .reviews-customer-box-left {min-width: 100%;max-width: 100%;margin-right: 0;border-right: none;border-bottom: 1px solid #a39964;padding-right: 0;text-align: center;}
    .date-and-time {position: relative;}
    /*----*/
    .display-space-between {flex-flow: column;justify-content: center;align-items: center;}
    .display-space-between li, .display-space-between a {margin: 5px 0;}
    /*----*/
    .gallery-block-box-left {margin-bottom: 15px;}
    /*-----*/
    ul.photo-gallery li{width: 100%;}
    /*-----*/
    ul.related-videos.custom-gallery li {width: 100%;}
    /*--------*/
    ul.employee-list li{width: 100%;}
    /***********************************Custom css**********************/
     ul.review-list > li{width: 100%;padding: 0 15px 0 50px;}
    .left-check-box{left: 37px;}
    .left-check-box.form-check-right {left: 37px;right: auto;}
     ul.review-list.review-box-hidden > li{padding: 0 15px;}
    /***********************************Search Mobile**********************/
    .home-search{padding: 10px 20px;}
    input.form-control.big-search{min-width: 100%;}
    .home-search .btn{border: 1px solid #fff !important;margin-bottom: 10px;}
    .hero-slider-content .form-control {margin-bottom: 10px;border: 1px solid #fff;}
    ul.categorie-list h3.categorie-name {font-size: 15px;min-height: 50px;background: #f3f3f3;padding: 5px 10px;font-weight: 900 !important;margin-bottom: 0;}
    .home-search-upper h3 {font-size: 35px;}
    .categories-title{bottom: 40px !important;}
    .browse-category-title {padding: 5px 10px;font-size: 20px;}
    .home-search-upper h4{font-size: 20px;}
    .home-search .btn{padding: 5px 10px;}
    .serach-list{margin-top: 40px !important;}
    .general-contract-left{width: 100%;}
    .general-contract-right .text-right {text-align: center !important;margin-top: 20px;}
    .category-inner {text-align: center;}
    .multi-buttons a {margin: 5px;}
    .description.to-expand.expandable-init {padding-bottom: 0 !important;}

}
/* ============================= 
 ! Layout for mobile(portrait) version  
 ============================= */
@media only screen and (max-width: 479px) {
 ul.categorie-list li{width: 50%;}
 .categorie-box {min-height: 100px;}
}