@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.eot');
    src: url('../fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter-Black.woff') format('woff'),
        url('../fonts/Inter-Black.ttf') format('truetype'),
        url('../fonts/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight.eot');
    src: url('../fonts/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter-ExtraLight.woff') format('woff'),
        url('../fonts/Inter-ExtraLight.ttf') format('truetype'),
        url('../fonts/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.eot');
    src: url('../fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter-ExtraBold.woff') format('woff'),
        url('../fonts/Inter-ExtraBold.ttf') format('truetype'),
        url('../fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.ttf') format('truetype'),
        url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.eot');
    src: url('../fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Light.woff2') format('woff2'),
        url('../fonts/Inter-Light.woff') format('woff'),
        url('../fonts/Inter-Light.ttf') format('truetype'),
        url('../fonts/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter-Medium.ttf') format('truetype'),
        url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.eot');
    src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Thin.eot');
    src: url('../fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Thin.woff2') format('woff2'),
        url('../fonts/Inter-Thin.woff') format('woff'),
        url('../fonts/Inter-Thin.ttf') format('truetype'),
        url('../fonts/Inter-Thin.svg#Inter-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



h1 { font-size: 30px; line-height: normal; margin: 0; padding: 0; color: var(--black); font-family: 'Inter'; font-weight: 700 }
h2 { font-size: 32px; line-height: normal; margin: 0; padding: 0; color: var(--black); font-family: 'Inter'; font-weight: 700 }
h3 { font-size: 30px; line-height: normal; margin: 0; padding: 0; color: var(--black); font-family: 'Inter'; font-weight: 700 }
h4 { font-size: 24px; line-height: normal; margin: 0; padding: 0; color: var(--black); font-family: 'Inter'; font-weight: 700 letter-spacing:.5px; font-stretch: condensed; }
html { scroll-behavior: smooth; }
:root { 
    --white: #ffffff;
    --black: #222;
    --grey: #B3AAAA;
    --orange: #ff3a4b;
 }

body { background-color: #fff; font-size: 16px; line-height: 24px; color: var(--black); font-family: 'Inter'; font-weight: normal;}
p:last-child { margin-bottom: 0 }
a { color: var(--orange); transition: all .3s ease-in-out; }
a:hover { color: var(--grey) }
a:hover, a:focus { text-decoration: none }
.form-group { margin-bottom: 22px; }
.form-group>span { color: var(--black); font-size: 16px; margin-bottom: 4px; letter-spacing: 0.5px;  }
.form-group>label { color: var(--black); font-size: 16px; margin-bottom: 4px; letter-spacing: 0.5px;  display: flex; align-items: center; justify-content: space-between; }
.form-group>label span { margin-right: 5px }
.form-control {  padding:18px; color: #2E2E2E; border: 1px solid #D9D9D9; border-radius: 7px; background-color: var(--white);  font-weight: 500; font-size: 20px; line-height: 25px;}
.form-control::-webkit-input-placeholder { color:#2E2E2E;}
.form-control::-moz-placeholder { color:#2E2E2E;}
.form-control:-ms-input-placeholder {color:#2E2E2E;}
.form-control:-moz-placeholder {color:#2E2E2E;}
.form-control:focus, .custom-select:focus { box-shadow: none; border: 1px solid var(--orange); outline: none; background-color: var(--white); }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.form-control {padding: 19px 25px;}
select.form-control:not([size]):not([multiple]) { height: calc(100%); }
select.customArrow { background-image: url('../img/select-arrow.png'); background-repeat: no-repeat; background-position: right .75rem center; background-size: 20px 11px; }

/* select::-ms-expand { display: none;} */
textarea { overflow: hidden; resize: vertical; }

/* input number arrow hide */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

/* input number arrow hide */

/*input-group start*/
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.input-group .input-group-addon { position: absolute; right: 14px; top: 16px; font-size: 20px; }
/*input-group end*/
*:hover, *:focus, *:active { outline: none; }
.btn, button, .btn:hover, button:hover, .btn:focus, button:focus { outline: none; box-shadow: none }
.darkGreen-btn { background-color: var(--orange); border-radius: 30px; color: var(--white); text-transform: uppercase; letter-spacing: 0.5px; padding: 15px 20px !important; line-height: normal; border: 1px solid transparent; text-align: center; display: inline-block; cursor: pointer; }
.darkGreen-btn:hover { background-color: var(--grey); color: var(--white); }
.lightGreen-btn { background-color: var(--grey); border-radius: 30px; color: var(--white); text-transform: uppercase; letter-spacing: 0.5px;  padding: 15px 20px !important; line-height: normal; border: 1px solid transparent; text-align: center; display: inline-block; cursor: pointer; }
.lightGreen-btn:hover { background-color: var(--orange); color: var(--white); }
.red-btn { background-color: var(--red) !important; border-radius: 30px; color: var(--white) !important; text-transform: uppercase; letter-spacing: 0.5px;  padding: 15px 20px !important; line-height: normal; border: 1px solid transparent; text-align: center; display: inline-block; cursor: pointer; }
.red-btn:hover { background-color: #df3106 !important; color: var(--white); }

/* modal open effect start */
.modal.fade .modal-dialog { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 300px; opacity: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
.modal.fade.show .modal-dialog { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); opacity: 1; }

/* modal open effect end */

/*----- custom radio and check box start -----*/

.custom-control { padding-left: 0; display: inline-block; }
.custom-control-label { padding-left: 48px; color:#353434; font-weight: 500; font-size: 20px; line-height: 24px; cursor: pointer;}
.custom-control-label::after, .custom-control-label::before { width: 31px; height: 31px; top: -4px; border: 1px solid #000000; border-radius: 3px; background-color: #FFF9F9; }
.custom-control .custom-control-input:focus~.custom-control-label::before { box-shadow: none; }

/* custom checkbox */
.custom-checkbox .custom-control-label::before {border-radius: 3px; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after, .custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color:var(--orange); border: 1px solid var(--grey);}


/* custom radio */
.custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after { border-radius: 100%; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: transparent; border: 2px solid var(--orange); }
.custom-radio .custom-control-input:checked~.custom-control-label::after { top: 4px; left: 4px; background-color: var(--orange); width: 14px; height: 14px; background-image: none; border-radius: 100%; }

/*----- custom switch start ------*/
.custom-switch .custom-control-label { display: block; cursor: pointer; }
.custom-switch .custom-control-label::after, .custom-switch .custom-control-label::before { right: 0; left: auto }
.custom-switch .custom-control-label::before { right: 0; width: 44px; pointer-events: all; border-radius: 15px; height: 24px; left: 0; background-color: #022c43; border: 1px solid #022c43; }
.custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem); }
.custom-switch .custom-control-label::after { top: calc(.25rem + 2px); right: calc(26px + -2px); width: calc(17px - 1px); height: calc(17px - 1px); border-radius: 100%; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; background-color: #053F5E; left: 4px; }
.custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(23px); transform: translateX(20px); }
.custom-switch .custom-control-input:checked~.custom-control-label::before { background-color: #022c43; }
.custom-switch .custom-control-input:active~.custom-control-label::before { background-color: #022c43; }

/*----- custom radio and check box end -----*/

/* butoon start */
.primrary-btn { background-color: #B3AAAA; font-size: 20px; line-height: 24px; color: #fff; font-weight: 700; border-radius: 4px; padding: 22px 10px; display: inline-block; border: 0; width: 194px; text-align: center; cursor: pointer; }
.primrary-btn:hover { background-color:var(--black); color: #fff; }

.secondary-btn { background: linear-gradient(180deg, #FF3A4B 0%, #FC1F32 100%); font-size: 20px; line-height: 24px; color: #fff; font-weight: 700; border-radius: 7px; padding:22px 10px; display: inline-block; border:0; width: 194px; text-align: center; cursor: pointer; }
.secondary-btn:hover { background: linear-gradient(180deg, #222 0%, #080808 100%); color: #fff; }
.primrary-btn.disabled, .secondary-btn.disabled { opacity: .4; pointer-events: none; color: rgba(255, 255, 255, 0.4); }

/* butoon end */

.table, .table.dataTable, .table.dataTable.no-footer { border: 0; }
.table, .dataTable { margin-bottom: 0; width: 100%; }
.table thead th { font-weight: normal !important;  font-weight: normal; padding: 0; text-align: center; color: var(--white); background-color: var(--black); padding: 13px 15px; border-right: 0; border-left: 0; }
.table thead th .bdSpan { display: block; position: relative; }
.table thead th .bdSpan:after { position: absolute; content: ""; right: -18px; top: 50%; width: 1px; height: 34px; background-color: #fff; transform: translateY(-50%); }
.table thead th:last-child .bdSpan:after { display: none }
.table.tableCaption caption { caption-side: top; text-align: center; background-color: var(--black); border-radius: 13px 13px 0 0; color: var(--white); padding-top: 12px; padding-bottom: 12px; font-size: 18px; letter-spacing: 0.5px; }
.table.tableCaption thead th { background-color: var(--grey); color: var(--black); border: 0; }
.table.tableCaption thead th:first-child, .table.tableCaption thead th:last-child { border-radius: 0; }
.table.tableCaption thead th .bdSpan:after { background-color: var(--black); }
.table thead th:first-child { border-radius: 13px 0 0 0; overflow: hidden; }
.table thead th:last-child { border-radius: 0 13px 0 0; overflow: hidden; }
.table tr { border-radius: 4px; font-size: 15px; color: #737373; }
.table tbody tr:nth-of-type(odd) { background-color: #f2f2f2; }
.table tbody tr:nth-of-type(even) { background-color: #ebebeb; }
.table tr td { border-top: 0; padding: 12px 15px; border-bottom: 0; border-right: 1px solid var(--black); }
.table tr td:last-child { border-right: 0; }
.table i { font-size: 18px; }

/*table.dataTable thead .sorting {background-position: 100% 15px;}*/
table.dataTable thead th { position: relative; background-image: none !important; border-bottom: 0; }
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after { position: absolute; top: 12px; right: 8px; display: block; font-family: FontAwesome; }
table.dataTable thead th.sorting:after { content: "\f0dc"; color: #ddd; font-size: 0.8em; padding-top: 0.12em; }
table.dataTable thead th.sorting_asc:after { content: "\f0de"; }
table.dataTable thead th.sorting_desc:after { content: "\f0dd"; }

/*slick slider dots*/
.slick-slider .slick-dots { margin: 30px 0 0 0; padding: 0; display: flex; align-items: center; justify-content: center; }
.slick-slider .slick-dots li { list-style: none; display: flex; align-items: center; margin: 0 4px }
.slick-slider .slick-dots li button { border: 0; width: 20px; height: 3px; background-color: #C9C9C9; font-size: 0; border-radius: 4px; }
.slick-slider .slick-dots li.slick-active button { width: 60px; height: 5px; background-color: var(--orange) }

/*datetimepicker start*/
.input-group.date input { cursor: pointer; position: relative; z-index: 10; }
.bootstrap-datetimepicker-widget table th.picker-switch { background-color: var(--orange); color: var(--white); }
.bootstrap-datetimepicker-widget table th.picker-switch:hover { background-color: var(--grey) !important; color: var(--white); }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background-color: var(--orange); color: var(--white) }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #c5c5c5; }
.bootstrap-datetimepicker-widget table .prev, .bootstrap-datetimepicker-widget table .next { background-color: var(--white); color: var(--orange); }
.bootstrap-datetimepicker-widget table .prev:hover, .bootstrap-datetimepicker-widget table .next:hover { background-color: var(--grey) !important; color: var(--white); }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: var(--orange); color: var(--white); text-shadow: none; }
/*datetimepicker end*/

/*----- Default Modal -----*/
.defaultModal .modal-content { border-radius: 20px; background-color: #D9D9D9; border: 1px solid #D9D9D9;}
.defaultModal .close { position: absolute; right: 42px; top: 34px; opacity: 1; z-index: 10; text-shadow: none;}
.defaultModal .close i {font-size: 36px; color:#323232;}
.defaultModal .close:hover i { color: var(--orange); }
.defaultModal .title { color: #000; text-align: center; position: relative; font-weight: 700; font-size: 30px; line-height: 36px; border-bottom: 1px solid rgba(53, 52, 52, 0.5); padding: 30px 0;}


/*----- Default Form -----*/
.defaultForm {padding: 58px;}
.defaultForm .form-group {margin-bottom: 22px;}
.defaultForm .dfBtn-col { display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.defaultForm .dfBtn-col .btn { background: linear-gradient(180deg, #FF3A4B 0%, #FC1F32 100%); border-radius: 7px; padding: 15px; color: #fff; display: block; border: 0; outline: none;  font-weight: 700; font-size: 24px; line-height: 29px; color: #FFFFFF; width: 100%;}
.defaultForm .dfBtn-col .btn:first-child { margin-left: 0; }
.defaultForm .dfBtn-col .btn:hover { background: linear-gradient(180deg, #222 0%, #080808 100%);}



.wrapper {display: flex; width: 100%; flex-direction: column; height: 100vh;}
.mid {flex: 1;}


/* header start */
.navbar  {padding: 50px 0 113px; box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);}
.navbar .navbar-brand img {max-width: 160px;}
.navbar .header-right-side {display: flex;}
.navbar .header-right-side .signUpIn-btn {font-family: 'Raleway', sans-serif; margin-left: 25px; font-size: 18px; line-height: 1; padding: 15px 10px; width: 145px;}
.navbar .header-right-side .signUpIn-btn:first-child {margin-left: 0;}
.navbar .header-right-side .logoutBtn {display: flex; justify-content: center; align-items: center; flex-direction: column; margin-left: 40px; font-weight: 600; font-size: 16px; line-height: 18px; color:var(--black);}
.navbar .header-right-side .logoutBtn:hover {color: var(--orange);}
.navbar .header-right-side .logoutBtn img {max-width: 30px; margin-bottom: 7px;}
.profileDropdown {position: relative;}
.profileDropdown .dropdown-toggle {display: flex; flex-direction: column; align-items: center;}
.profileDropdown .dropdown-toggle img {width: 35px; height: 35px; object-fit: cover; border-radius: 100%; }
.profileDropdown .dropdown-toggle span {font-weight: 600; font-size:18px; line-height:18px; color:var(--black); padding:5px 12px 0 0;}
.profileDropdown .dropdown-toggle::after {border: 0; background-image: url(../img/select-arrow.png); background-repeat: no-repeat; background-position: 0; background-size: 15px 9px; width: 15px; height: 9px; position: absolute; bottom: 5px; right: -10px;}
.profileDropdown .dropdown-menu {transform: translateX(-50%); left: 50%;     background: #FFFFFF; box-shadow: 4px 4px 14px rgb(0 0 0 / 25%); border-radius: 6px; border: 0; min-width: 200px; top: 120%;}
.profileDropdown .dropdown-menu::before {position: absolute; content: ""; left: 50%; top: -15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid var(--white); transform: translateX(-50%);}
.profileDropdown .dropdown-menu .dropdown-item {font-weight: 600; font-size:18px; line-height: 20px; color:var(--black); padding: 10px 20px; border-bottom: 1px solid rgba(217, 217, 217, 0.6);}
.profileDropdown .dropdown-menu .dropdown-item:last-child {border-bottom: 0;}
.profileDropdown .dropdown-menu .dropdown-item:hover {background-color: transparent; color: var(--orange); }



.homeBanner {background-image: url(../img/banner.png); background-position: 0; background-repeat: no-repeat; background-size: cover; min-height: 1000px;}
.homeBanner .homeSearch {background-color: #E1E1E1; border-radius: 7px; padding: 25px 40px; display: flex; position: relative; top: -65px; width: 85%; margin: 0 auto;}
.homeBanner .homeSearch select.form-control {font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 18px; line-height: 21px; color: var(--black); border: 0; margin-left: 25px; flex: 1; }
.homeBanner .homeSearch select.form-control.selectGender {flex: 70px;}
.homeBanner .homeSearch select.form-control:first-child {margin-left: 0;}
.homeBanner .homeSearch .searchBtn {margin-left: 35px; padding: 16px 10px;}

.multiselect-native-select {flex: 100px; margin-left: 25px;}
.multiselect-native-select .btn-group, .multiselect-native-select .btn-group .dropdown-toggle {width: 100%;}
.multiselect-native-select .btn-group .dropdown-toggle {padding:18px 25px 17px; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 18px; line-height: 21px; border-radius: 7px; text-align: left; background-color: var(--white); position: relative;}
.multiselect-native-select .btn-group .dropdown-toggle:after {border: 0; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: 0; width: 20px; height: 11px; right: 10px; top: 23px; position: absolute;}
.multiselect-native-select .multiselect-container {width: 100%; padding: 10px 0;}
.multiselect-native-select .multiselect-container li .checkbox {width: calc(100% - 20px); padding: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #353434; position: relative; padding: 10px 15px 10px 25px; margin-left: 25px;}
.multiselect-native-select .multiselect-container li .checkbox input {opacity: 0;}

.multiselect-native-select .multiselect-container li .checkbox::before { width: 21px; height: 21px; top:8px; left: 0; border-radius: 3px; background-color: #D9D9D9; content: ""; position: absolute;}
.multiselect-native-select .multiselect-container li.active .checkbox::after {width: 21px; height: 21px; background-color: var(--orange); font-family: "Material Icons"; content: "done"; font-size: 21px; position: absolute; left: 0; top:8px; color: #fff;}
.multiselect-native-select .multiselect-container::-webkit-scrollbar {width: 5px;}
.multiselect-native-select .multiselect-container::-webkit-scrollbar-track {background: #000;}
.multiselect-native-select .multiselect-container::-webkit-scrollbar-thumb {background:var(--orange); width: 10px;}
.multiselect-native-select .multiselect-container::-webkit-scrollbar-thumb:hover {background: var(--grey); }




/* footer */
footer {background: rgba(210, 209, 209, 0.4);}
.copyRightSocial {display: flex; align-items: center; padding:20px 0; font-weight: 700; font-size: 18px; line-height: 23px; color: #2E2E2E; font-family: 'Raleway', sans-serif;}
.copyRightSocial .shop {margin-left: 275px;}
.copyRightSocial .shop a {color: #2E2E2E; text-decoration: underline;}
.copyRightSocial .shop a:hover {color: var(--orange);}
.copyRightSocial .fooSocial {display: flex; margin:0 0 0 auto; padding: 0;}
.copyRightSocial .fooSocial li {list-style: none; margin-left: 20px;}
.copyRightSocial .fooSocial li:first-child {margin-left: 0;}
.copyRightSocial .fooSocial li a { background-repeat: no-repeat; background-position: 0; background-size: 35px; height: 35px; width: 35px; display: flex;} 
.copyRightSocial .fooSocial li a.facebook {background-image: url(../images/footer-facebook.png);}
.copyRightSocial .fooSocial li a.facebook:hover {background-image: url(../images/footer-facebook-h.png);}
.copyRightSocial .fooSocial li a.twitter {background-image: url(../images/footer-twitter.png);}
.copyRightSocial .fooSocial li a.twitter:hover {background-image: url(../images/footer-twitter-h.png);}
.copyRightSocial .fooSocial li a.instagram {background-image: url(../images/footer-instagram.png);}
.copyRightSocial .fooSocial li a.instagram:hover {background-image: url(../images/footer-instagram-h.png);}



.defaultForm .rememberForgot {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.defaultForm .rememberForgot .forgotPasswordLink {font-weight: 500; font-size: 18px; line-height: 22px; color: rgba(53, 52, 52, 0.7);}
.defaultForm .rememberForgot .forgotPasswordLink:hover {color: var(--black);}
.defaultForm .registerHere {text-align: center; margin-top: 30px;}
.defaultForm .registerHere a {font-weight: 500; font-size: 20px; line-height: 24px; color: #353434;}
.defaultForm .registerHere a:hover {color: var(--black);}
.defaultForm .forgotTopText {font-weight: 500; font-size: 20px; line-height: 30px; color: #000000; margin-bottom: 22px;}
.defaultForm .backToLogin {display: flex; align-items: center; font-weight: 500; font-size: 20px; line-height: 30px; color: #000000;}
.defaultForm .backToLogin i {margin-right: 10px;}
.defaultForm .backToLogin:hover {color: var(--orange);}

/* map page start */
.mapPage .navbar { padding:15px 0; }
.mapPage .homeBanner {padding: 70px 0 100px; min-height: 100%;}
.mapPage .homeBanner .homeSearch {position: initial;}
.areaMap {margin-top: 70px;}
.areaMap .embed-responsive-21by9::before {padding-top: 45%;}
.map-product>img {max-width: 3 00px; height: 200px; object-fit: cover;}
.map-product label { margin: 15px 0 12px; font-weight: 700; font-size: 20px; color: #2E2E2E;
    font-family: 'Raleway', sans-serif;}
.map-product .secondary-btn {padding: 12px 10px; width: 150px; border-radius: 0;}

/* shops listing */
.pageTitle {text-align: center; margin-bottom:130px; font-weight: 800; font-size: 34px; line-height: 40px; text-transform: uppercase; color:var(--black); font-family: 'Raleway', sans-serif; position: relative;}
.pageTitle:after {position: absolute; content: ""; width: 165px; height: 7px; background: linear-gradient(180deg, #FF3A4B 0%, #FC1F32 100%); border-radius: 8px; left: 50%;bottom: -20px; transform: translateX(-50%);}
.shopListing {padding: 70px 0 0; background-color:rgba(0, 0, 0, 0.04); height: 100%;}
/* shop col start */
.shop-col {display: flex; align-items: center;}
.shop-col .shopImg {border: 3px solid #f53848; padding: 7px; width: 180px; height: 180px; overflow: hidden; border-radius: 100%; flex: 0 0 auto;}
.shop-col .shopImg img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.shop-col ul {margin: 0; padding: 0 0 0 40px;}
.shop-col ul li {list-style: none; font-weight: 400; font-size: 20px; line-height: 24px; color: var(--black); padding-bottom:5px;}
.shop-col ul li label {font-weight: 700; font-size: 24px; line-height: 29px; color: var(--black); min-width: 220px;}

.shopSearch {width: 450px; float: right; position: relative; margin-top: 30px;}
.shopSearch .form-control { padding-left: 65px; font-weight: 400; font-size: 20px; line-height: 25px; color: #000000; background: rgba(225, 225, 225, 0.7); border-radius: 77px;}
.shopSearch .form-control-feedback {position: absolute; z-index: 1; color: #000; font-size: 36px; top: 12px; left: 22px;}
.shopListing hr {margin: 50px 0; height: 3px; border-top:3px solid rgba(240, 1, 2, 0.2);}

/* product col start */
.product-col {display: flex; margin-bottom: 60px;}
.product-col .productImg {flex: 0 0 415px; height: 350px; background: #D9D9D9; border-radius: 9px; overflow: hidden;}
.product-col .productImg img { width: 100%; height: 100%; object-fit: cover;}
.product-col .productDetail {padding:15px 0 0 22px; flex: 1;}
.product-col .productDetail .name {font-size: 20px; line-height: 24px; color:var(--black); margin-bottom: 20px;}
.product-col .productDetail .name label {font-weight: 500; font-size: 20px; line-height: 24px; color:var(--black); margin-right: 10px; margin-bottom: 0;}
.product-col .productDetail .name span {font-weight: 700;}
.product-col .productDetail .priceSize {display: flex; margin-bottom: 25px;}
.product-col .productDetail .priceSize label {font-weight: 500; font-size: 18px; line-height: 22px; color:var(--black); margin-bottom: 15px;}
.product-col .productDetail .priceSize .price {margin-right: 30px;}
.product-col .productDetail .priceSize .price .priceBox {width: 123px; height: 45px; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 4px; font-weight: 400; font-size: 18px; line-height: 22px; color:var(--black); display: flex; align-items: center; justify-content: center;}
.product-col .productDetail .priceSize .size .size-col {display: flex;}
.product-col .productDetail .priceSize .size .size-col .custom-radio {display: initial; width: 50px; height: 45px; margin-left: 13px;}
.product-col .productDetail .priceSize .size .size-col .custom-radio:first-child {margin-left: 0;}
.product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label {font-weight: 400; padding-left: 0; display: flex; align-items: center; justify-content: center; height: 100%;}
.product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label span {position: relative; z-index: 1;}
.product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label::after, .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label::before {width:100%; height:100%; top: 0; left: 0; border: 1px solid #D9D9D9; border-radius: 4px; background-color: #fff;}
.product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label:hover span, .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label:hover span, .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-input:checked~.custom-control-label {color: var(--white);}
.product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label:hover::after, .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label:hover::before, .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-input:checked~.custom-control-label::after, .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-input:checked~.custom-control-label::before {    background-color: var(--grey); border: 1px solid var(--white);}
.product-col .productDetail .description label {font-weight: 500; font-size: 18px; line-height: 22px; color:var(--black); margin-bottom: 12px;}
.product-col .productDetail .description .text {font-weight: 400; font-size: 16px; line-height: 23px; color: rgba(0, 0, 0, 0.7);}
.product-col .productDetail .description .text a {font-weight: 600; color: rgba(0, 0, 0, 0.7);}
.product-col .productDetail .description .text a:hover {color: var(--red);}
.product-col .productDetail .reserveInquire {margin-top: 30px; display: flex;}
.product-col .productDetail .reserveInquire .secondary-btn {margin-left: 23px; flex: 1; padding: 17px 10px; font-weight: 500;}
.product-col .productDetail .reserveInquire .secondary-btn:first-child {margin-left: 0;}

/* productImg modal */
#productImg-modal.defaultModal .modal-content {border-radius: 0;}

/* coming Soon modal start */
#comingSoon-modal {background-color:rgb(0 0 0 / 50%);}
.cominSoon-col {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 487px;}
.cominSoon-col .cominSoon-colTitle {font-weight: 800; font-size: 40px; line-height: 48px; text-align: center; color: var(--black); }
.cominSoon-col .secondary-btn {font-weight: 600; font-size: 24px; line-height: 29px; margin-top: 50px;}

/* profile change Password form start */
.profileChangePassword {padding: 80px 0;}
.proPass-form {border: 1px solid #D9D9D9; border-radius: 15px; padding: 80px;}
.proPass-form .proPass-formTitle {font-weight: 700; font-size: 30px; line-height: 36px; color:var(--black); text-align: center; margin-bottom: 70px;}
.proPass-form .proPass-btn {margin-top: 48px; display: flex;}
.proPass-form .proPass-btn .secondary-btn {flex: 1; margin-left: 40px;}
.proPass-form .proPass-btn .secondary-btn:first-child {margin-left:0;}


/* Add Shop start */
.listingRejected {margin:0 0 88px 0; padding:0 0 0 30px;}
.listingRejected li { font-weight: 600; font-size: 34px; line-height: 41px; color: #FF3D3D; margin-bottom: 12px;}
.addShop .addShopTitle {font-weight: 700; font-size: 30px; line-height: 36px; color: #000; margin-bottom: 20px;}
.addShop .addShopTitle.addShopTitle-2 {margin: 10px 0 40px;}
.addShop .addShopTitleText {font-weight: 400; font-size: 20px; line-height: 25px; color: #000; margin-bottom: 60px;}
.addShop .form-group {margin-bottom: 30px;}
.addShop .form-group>label {font-weight: 600; font-size: 20px; line-height: 25px; color: #000; margin-bottom: 10px;}
.addShop .form-group textarea.form-control {resize: none;}
.addShop .form-group .multiselect-native-select .dropdown-toggle {font-weight: normal;  border: 1px solid #D9D9D9;}
.addShop .placeMap {background: rgba(217, 217, 217, 0.6); text-align: center; margin-bottom: 30px; height: 500px;}
.addShop .placeMap i {font-size: 58px; color:#323232; margin-bottom: 15px;}
.addShop .placeMap .oopsTitle {font-weight: 600; font-size: 28px; line-height: 34px; color: var(--black); margin-bottom: 15px;}
.addShop .placeMap .oopsText {font-weight: 400; font-size: 20px; line-height: 25px; color: var(--black);}
.addShop .addShop-btn {width: 100%; font-size: 24px; line-height: 29px; margin-top: 70px; padding: 19px 10px;}

/* place your item start */
.placeItem {padding: 80px 0;}
.placeItem .itemProgress {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.placeItem .itemProgress .progressText {font-weight: 600; font-size: 30px; line-height: 44px; text-align: center; color: #000; margin-top: 50px;}

.placeItem .addItemBtn {text-align: right;}
.placeItem .addItemBtn .secondary-btn {padding: 19px 10px; display: flex; margin-left: auto; align-items: center; justify-content: center; margin-bottom: 70px;}
.placeItem .addItemBtn .secondary-btn i {margin-right: 5px;}
.placeItem .noItem {text-align: center; font-weight: 600; font-size: 30px; line-height: 21px; text-align: center; color: #000; margin-top: 130px;}

.addItem .addItem-titleFilter {display: flex; align-items: center; justify-content: space-between; margin-bottom: 65px;}
.addItem .addItem-titleFilter .title {font-weight: 600; font-size: 30px; line-height: 36px; color: #000; }
.addItem .addItem-titleFilter .filterSearch {display: flex;}
.addItem .addItem-titleFilter .filterSearch .form-control {background-color: #D9D9D9; border-radius: 8px; width: 260px; margin-left: 50px;}
.addItem .addItem-titleFilter .filterSearch .form-control:first-child {margin-left: 0;}
.addItem .addItem-titleFilter .filterSearch .form-control option {background-color: #fff;}

.addItem-col { margin-bottom: 50px;}
.addItem-col .editDelete {display: flex; align-items: center; justify-content: end; margin-bottom: 25px; }
.addItem-col .editDelete a i {font-size: 35px; margin-left: 10px; }
.addItem-col .editDelete a.edit i {color: #323232;}
.addItem-col .editDelete a.delete i {color: #FF3A4B;}
.addItem-col .editDelete a:hover i {color:var(--grey);}
.addItem-row {display: flex; align-items: center;}
.addItem-row .addItemImg { flex:0 0 415px; height: 290px; background: #D9D9D9; border-radius: 9px; overflow: hidden;  position: relative;}
.addItem-row .addItemImg img {width: 100%; height: 100%; object-fit: cover;}
.addItem-row .addItemImg .addImg {    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.addItem-row .addItemImg .addImg i {font-size: 65px; color: #323232;}
.addItem-row .addItemImg .edit {position: absolute; right: 15px; top: 15px;}
.addItem-row .addItemImg .edit i {font-size: 24px; color: #323232;}
.addItem-row .addItemImg .edit:hover i {color: var(--grey);}

.addItem-row .addItemDetail {display: flex; padding:15px 0 0 40px;}
.aid-col {margin-left: 80px;}
.aid-col:first-child {margin-left: 0;} 
.aid-col .form-group {display: flex; margin-bottom: 25px; align-items: flex-start;}
.aid-col .form-group:last-child {margin-bottom: 0;}
.aid-col .form-group>label {font-weight: 400; font-size: 18px; line-height: 22px; color:var(--black); min-width: 185px; margin-right: 20px;}
.aid-col .form-group .form-control { font-weight: 400; font-size: 18px; line-height: 22px; color: #222222;  padding: 10px 15px; border-radius: 4px; flex: 1;}
.aid-col .form-group select.customArrow {background-size: 17px 9px;}
.aid-col .form-group textarea.form-control {resize: none; height: 115px;}
.aid-col .form-group .viewItem-category {font-weight: 400; font-size: 18px; line-height: 22px; color: #000;}
.aid-col .multiselect-native-select {border: 1px solid #D9D9D9; border-radius: 4px; width: 255px; margin-left: 0;}
.aid-col .multiselect-native-select .btn-group .dropdown-toggle {padding: 10px 15px;}
.aid-col .multiselect-native-select .btn-group .dropdown-toggle:after {top: 17px; background-size: contain; width: 17px; height: 9px;}
.aid-col .multiselect-native-select .btn-group .dropdown-toggle {font-weight: 400; font-size: 18px; line-height: 22px; color:var(--black);}
.addItem .listAddItem-btn {text-align: center;}
.addItem .listAddItem-btn .secondary-btn {width: 345px; margin-left: 40px; }
.addItem .listAddItem-btn .secondary-btn:first-child {margin-left: 0;}

.viewItem {display: flex; flex-flow: wrap;}
.viewItem-col {width: 47.5%; margin-left: 5%; border: 1px solid #D9D9D9; border-radius: 15px; padding: 40px;}
.viewItem-col:nth-child(2n+1) {margin-left: 0;}
.addItem-row {margin-top: 25px;}
.addItem-row:first-child {margin-top: 0;}
.viewItem-col .addItem-row .addItemImg {flex:0 0 315px; height: 250px;}
.viewItem-col .aid-col .form-group {margin-bottom: 15px;}
.viewItem-col .aid-col .form-group:last-child {margin-bottom: 0;}
.viewItem-col .aid-col .form-group>label {font-weight: 600; font-size: 20px; line-height: 24px; color: #000; }
.viewItem-col .addItem-row>.aid-col .form-group>label {min-width: 80px;}

.editModal.defaultModal .close {right: 15px; top: 15px;} 
.editModal .editItem-col {width: 100%; padding: 50px 20px 20px; margin: 0;}
.editItem-col {width: 47.5%; margin-left:5%; border: 1px solid #D9D9D9; border-radius: 15px; padding:30px 40px;}
.editItem-col:first-child {margin-left: 0;}
.editItem-col .addItem-row .addItemImg { height: 350px; flex:0 0 350px;}
.editItem-col .aid-col .form-group>label { min-width: 155px;}
.editItem-col .addItem-row:last-child .aid-col .form-group>label {min-width:75px;} 
.editItem-col .cancelSave {margin-left: 30px; margin-bottom: auto; display: flex; width: 53%;}
.editItem-col .cancelSave .secondary-btn {margin-left: 30px; flex: 1;}
.editItem-col .cancelSave .secondary-btn:first-child {margin-left: 0;}



/* Delete Item Modal start */
.deleteItem-content {text-align: center;}
.deleteItem-content i {font-size: 70px; color: var(--black); margin-bottom: 33px;}
.deleteItem-content .dic-title {font-weight: 700; font-size: 26px; line-height: 31px; color: #000; margin-bottom: 20px;}
.deleteItem-content .text {font-weight: 400; font-size: 20px; line-height: 25px; color: #000000;}



/* shop owner start */
.shopOwnerPage .navbar {padding: 50px 0;}
.shopOwnerPage .navbar>.container {justify-content: center;}
.shopOwnerPage .navbar .navbar-brand {margin: 0; padding: 0;}
.shopOwnerSignInOut {max-width: 770px; margin: 100px auto; border: 1px solid #D9D9D9; border-radius: 20px; width: 100%;}
.shopOwnerSignInOut .title {font-weight: 700; font-size: 30px; line-height: 36px; color: #000; border-bottom: 1px solid #D9D9D9; padding: 30px 15px; text-align: center;}
.shopOwnerPage .shopClick {font-weight: 700; font-size: 20px; line-height: 23px; color: #2E2E2E; padding: 42px 15px; text-align: center;}
.shopOwnerPage .shopClick a {color: #2E2E2E; text-decoration: underline;}
.shopOwnerPage .shopClick a:hover {color: var(--orange);}



/*============================================================================
                    Responsive start 
============================================================================*/
@media (min-width: 1200px){
    .container {max-width: 1920px;}
}

@media (min-width: 576px) {
    .modal-dialog {max-width: 700px;}
    .editModal .modal-dialog { max-width: 900px; }
}







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

    .form-control {padding: 15px 18px; font-size: 16px;}
    select.form-control {padding: 17px 20px; font-size: 16px;}
    select.customArrow {background-size: 18px 10px;}
    .secondary-btn, .primrary-btn {    font-size: 18px; line-height: 1; padding: 18px 10px; width: 150px;}
    .navbar {padding: 40px 0 103px;}
    .navbar .navbar-brand img {max-width: 120px;}
    .navbar .header-right-side .signUpIn-btn { font-size: 16px; padding: 13px 10px; width: 110px; margin-left: 20px;}
    .homeBanner {min-height: 100%; background-position: center;}
    .homeBanner .homeSearch {padding: 25px 35px; width: 90%; top: -53px;}
    .homeBanner .homeSearch select.form-control {margin-left: 25px; font-size: 16px;}
    .homeBanner .homeSearch .multiselect-native-select {margin-left: 25px;}
    .multiselect-native-select .btn-group .dropdown-toggle {padding: 15px 25px; font-size: 16px;}
    .multiselect-native-select .btn-group .dropdown-toggle:after {width: 18px; height: 10px; background-size: cover;}
    .homeBanner .homeSearch .searchBtn { margin-left: 25px; padding: 18px 10px; line-height: 1;}
    .copyRightSocial {font-size: 16px; line-height: 1; padding: 15px 0;}
    .copyRightSocial .fooSocial li { margin-left: 15px; }
    .copyRightSocial .fooSocial li a {height: 30px; width: 30px; background-size: 30px; }

    /* map */



    /* shopOwnerPage */
    .shopOwnerPage .navbar { padding: 40px 0; }
    .shopOwnerSignInOut .title {    font-size: 28px; padding: 20px 15px;}
    .shopOwnerSignInOut .custom-control-label { padding-left: 40px; font-size: 18px;}
    .shopOwnerSignInOut .custom-control-label::after, .shopOwnerSignInOut .custom-control-label::before {width: 25px; height: 25px; top: 0;}

    /* my profile */
    .pageTitle {font-size: 30px; line-height: 34px; margin-bottom: 100px;}
    .pageTitle:after {height: 5px; bottom: -17px; }
    .proPass-form {padding: 50px;}
    .proPass-form .proPass-formTitle {font-size: 28px; line-height: 32px; margin-bottom: 50px;}
    .proPass-form .proPass-btn { margin-top: 38px;}

    /* add shop */
    .listingRejected {margin: 0 0 70px 0;}
    .listingRejected li {font-size: 28px; line-height: 34px;}
    .addShop .addShopTitle { font-size: 24px; line-height: 30px;}
    .addShop .addShopTitleText { font-size: 20px; line-height: 25px; margin-bottom: 50px; }
    .addShop .form-group>label {font-size: 18px; line-height: 25px; margin-bottom: 5px;}
    .addShop .placeMap i {font-size: 54px;}
    .addShop .placeMap .oopsTitle {font-size: 25px; margin-bottom: 12px;}
    .addShop .placeMap .oopsText {font-size: 20px; line-height: 25px;}
    .addShop .addShop-btn { font-size: 20px; line-height: 1; margin-top: 30px; padding: 20px 10px; }

    /* shops listing */
    .shopListing {padding: 60px 0 0;}
    .shop-col .shopImg { padding: 5px; width: 170px; height: 170px;}
    .shop-col ul {padding: 0 0 0 30px;}
    .shop-col ul li {font-size: 18px;}        
    .shop-col ul li label {font-size: 20px; line-height: 1; min-width: 200px;}
    .shopSearch {width: 420px;}
    .shopSearch .form-control-feedback { font-size: 30px; top: 14px;}
    .shopSearch .form-control {font-size: 20px; padding:13px 15px 13px 55px;}
    .product-col .productImg {flex: 0 0 285px; height: 340px;}
    .product-col .productDetail .name {font-size: 18px;}
    .product-col .productDetail .name label {font-size: 18px;}
    .product-col .productDetail .priceSize label {margin-bottom: 10px;}
    .product-col .productDetail .priceSize .price { margin-right: 10px; }
    .product-col .productDetail .priceSize .size .size-col .custom-radio {margin-left: 10px;}
    .product-col .productDetail .priceSize .price .priceBox {width: 100px; font-size: 16px;}
    
    .product-col .productDetail .priceSize .size .size-col .custom-radio .custom-control-label {font-size: 16px; }
    .product-col .productDetail .reserveInquire .secondary-btn {margin-left: 15px; padding: 15px 10px;}

    /* place your item */
    .placeItem { padding: 70px 0 50px; }
    .placeItem .itemProgress>img {max-width: 100px;} 
    .placeItem .itemProgress .progressText { font-size: 27px; line-height: 40px;}
    .placeItem .addItemBtn .secondary-btn {padding: 15px 10px;}
    .placeItem .noItem {font-size: 28px;}
    .aid-col { margin-left: 30px; width: 100%;}
    .addItem .addItem-titleFilter {margin-bottom: 50px;}
    .addItem .addItem-titleFilter .title { font-size: 28px; line-height: 32px;}
    .addItem-row { margin-top: 20px; }
    .addItem-row .addItemImg {flex: 0 0 350px;}
    .addItem .addItem-titleFilter .filterSearch select.form-control {padding: 15px 20px;}
    .viewItem-col { width:48.5%; margin-left: 3%; padding: 30px;}
    .viewItem-col .addItem-row .addItemImg {flex: 0 0 200px; height: 240px;}
    .addItem-row .addItemDetail {padding: 15px 0 0 20px; flex: auto;}
    .addItem .listAddItem-btn .secondary-btn {width: 300px;}
    .viewItem-col .aid-col .form-group { margin-bottom: 10px; }
    .viewItem-col .aid-col .form-group>label {    font-size: 17px; line-height: 18px; min-width: 100px; flex: 0;}
    .aid-col .form-group .viewItem-category { font-weight: 400; font-size: 16px; line-height: 20px; color: #000; }
    .viewItem-col .addItem-row>.aid-col .form-group {flex-direction: revert;}
    .addItem-col .editDelete {margin-bottom: 20px;}
    .editItem-col .cancelSave {width: 90%;}

    

}


@media only screen and (max-width: 1366px){
    .navbar { padding: 30px 0 83px; }
    .homeBanner .homeSearch {border-radius: 10px; padding: 25px;}
    
    /* map */
    .mapPage .homeBanner {padding: 60px 0 80px;}
    .areaMap { margin-top: 60px; }

    /* add shop */
    .pageTitle { font-size: 28px; line-height: 32px; margin-bottom: 90px; }
    .listingRejected li { font-size: 25px; line-height: 32px; }
    .addShop .addShopTitle { font-size: 22px; margin-bottom: 15px; line-height: 26px; }
    .addShop .addShopTitleText { margin-bottom: 30px; }
    .addShop .form-group>label { font-size: 17px; line-height: 1; margin-bottom: 10px; }
    .addShop .form-group .form-control {padding: 12px 15px;}
    .addShop .addShop-btn { font-size: 20px; line-height: 1; padding: 18px 10px; }

    /* shops listing */
    .product-col .productImg {flex: 0 0 250px;}
    .product-col .productDetail .priceSize .price {margin-right: 8px;}
    .product-col .productDetail .priceSize .size .size-col .custom-radio { margin-left: 8px; }
    .product-col .productDetail .priceSize .price .priceBox {width: 80px;}
    .product-col .productDetail .priceSize .size .size-col .custom-radio {width: 47px;}
    .product-col .productDetail .reserveInquire .secondary-btn {width: initial;}

    /* place your item */
    .placeItem .itemProgress>img { max-width: 80px; }
    .placeItem .itemProgress .progressText { font-size: 25px; line-height: 38px;  margin-top: 40px; }
    .placeItem .noItem {margin-top: 110px;}
    .addItem .addItem-titleFilter .title { font-size: 26px; line-height: 26px; }
    .addItem-row .addItemImg { flex: 0 0 300px; height: 250px;}
    .aid-col .form-group {margin-bottom: 20px;}
    .aid-col .form-group>label {font-size: 16px; line-height: 20px; min-width: 165px;}
    .aid-col .form-group .form-control { font-size: 16px; line-height: 20px;}
    .addItem .listAddItem-btn .secondary-btn { width: 250px; }
    .addItem .addItem-titleFilter .filterSearch .form-control {padding: 12px 15px;}
    .addItem .addItem-titleFilter .filterSearch select.form-control { padding: 12px 15px; }
    .addItem-col { margin-bottom: 30px; }
    .viewItem-col {padding: 20px;}
    .editItem-col {padding: 20px;}
    .addItem-col .editDelete a i { font-size: 30px; margin-left: 7px; }
    .editItem-col .addItem-row .addItemImg {height: 360px;}
    .editItem-col .cancelSave .secondary-btn {margin-left: 20px; }
    .addItem-row .addItemImg .addImg i { font-size: 55px;}
    .aid-col .form-group textarea.form-control {height: 100px;}
    



    
}

@media only screen and (max-width: 1200px){
    .secondary-btn, .primrary-btn {font-size: 16px; padding: 17px 10px; width: 130px;}
    .navbar { padding: 20px 0 70px; }
    .homeBanner .homeSearch { padding: 20px; width:100%; }
    .homeBanner .homeSearch select.form-control {margin-left: 15px; padding: 15px 20px;}
    .multiselect-native-select .btn-group .dropdown-toggle {padding: 14px 25px 13px;}
    .multiselect-native-select .btn-group .dropdown-toggle:after {top: 21px;}
    .homeBanner .homeSearch .multiselect-native-select { margin-left: 15px; }
    .homeBanner .homeSearch .searchBtn {margin-left: 15px;}
    .copyRightSocial .shop { margin-left: 100px; }
    .copyRightSocial .fooSocial li a { height: 32px; width: 33px; background-size: 32px; }

    /* map */
    .profileDropdown .dropdown-toggle img { width: 38px; height: 38px; }
    .profileDropdown .dropdown-toggle span {font-size: 16px; padding: 5px 12px 0 0;}
    .profileDropdown .dropdown-toggle::after {background-size: 14px 8px; width: 14px; height: 8px;}
    .navbar .header-right-side .logoutBtn { font-size: 16px; margin-left: 30px;}
    .navbar .header-right-side .logoutBtn img {max-width: 35px; margin-bottom: 5px;}
    .profileDropdown .dropdown-menu .dropdown-item { font-size: 16px; line-height: 18px; }
    .mapPage .homeBanner { padding: 50px 0 70px; }
    .areaMap { margin-top: 50px; }
    .areaMap .embed-responsive-21by9::before { padding-top: 65%; }

    /* shopOwnerPage */
    .shopOwnerPage .mid>.container {height: 100%; display: flex; flex-direction: column; justify-content: center;} 
    .shopOwnerPage .navbar { padding: 30px 0; }
    .shopOwnerSignInOut .title {font-size: 28px; }

    /* my profile */
    .proPass-form { padding: 35px; border-radius: 10px;}
    .proPass-form .proPass-formTitle { font-size: 26px; line-height: 28px; margin-bottom: 40px; }
    .proPass-form .proPass-btn .secondary-btn { margin-left: 20px; }

    /* add shop */
    .listingRejected {margin: 0 0 60px 0; padding: 0 0 0 25px; }
    .listingRejected li { font-size: 23px; line-height: 28px; }
    .addShop .addShopTitle { font-size: 20px; margin-bottom: 12px; line-height: 24px; }
    .addShop .form-group>label { font-size: 16px; margin-bottom: 8px; }
    .addShop .placeMap { padding: 70px 15px; }
    .addShop .placeMap i { font-size: 45px; }
    .addShop .placeMap .oopsTitle { font-size: 23px; margin-bottom: 8px; }
    .addShop .placeMap .oopsText { font-size: 18px; line-height: 23px; }

    /* shops listing */
    .shop-col .shopImg {width: 150px; height: 150px; }
    .shop-col ul li label { font-size: 18px; min-width: 160px; }
    .shopSearch {width: 100%;}
    .shopSearch .form-control { font-size: 18px; padding: 10px 15px 10px 55px; padding: 10px 15px 10px 45px;}
    .shopSearch .form-control-feedback { font-size: 25px; top: 13px; left: 15px;}
    .product-col {flex-direction: column;}
    .product-col .productImg {flex: auto; height: 300px;}
    .product-col .productDetail {padding: 20px 0 0 0;}

    /* place your item */
    .placeItem .itemProgress>img { max-width: 70px; }
    .placeItem .itemProgress .progressText { font-size: 23px; line-height: 35px; margin-top: 30px; }
    .placeItem .addItemBtn .secondary-btn {padding: 12px 10px;}
    .placeItem .noItem { margin-top: 100px; font-size: 26px;}
    .addItem-row .addItemImg {flex: 0 0 250px;}
    .addItem .addItem-titleFilter .title { font-size: 24px; line-height: 24px; }
    .addItem .addItem-titleFilter .filterSearch select.form-control { padding: 10px 15px; }
    .addItem .addItem-titleFilter .filterSearch .form-control {padding: 10px 15px;}
    .aid-col .form-group>label { min-width: initial; flex: 0 0 115px; margin-right: 15px;}
    .addItem .listAddItem-btn .secondary-btn { width: 220px; }
    .addItem-row {margin-top: 15px;}
    .viewItem-col .addItem-row, {flex-flow: wrap;}
    .viewItem-col .addItem-row .addItemImg { flex: 0 0 100%; height: 300px; }
    
    .viewItem-col .addItem-row .addItemDetail { padding: 15px 0 0 0; width: 100%;}
    .editItem-col .aid-col {width: 100%;}
    .viewItem-col .aid-col .form-group>label {min-width: 150px;}
    .viewItem-col .addItem-row>.aid-col .form-group>label {min-width: 150px;}
    

    



}


@media only screen and (max-width:991px) {
    .homeBanner .homeSearch {flex-flow: wrap;}
    .homeBanner .homeSearch select.form-control {flex: 0 0 450px; margin-bottom:15px;}
    .homeBanner .homeSearch select.form-control.selectGender {flex: 0 0 185px; margin-bottom: 15px;}
    .homeBanner .homeSearch .multiselect-native-select:first-child {margin-left: 0;}
    .copyRightSocial {font-size: 16px;}
    .copyRightSocial .shop { margin-left: 10px; }
    .defaultModal .title {font-size: 26px; line-height: 28px; padding: 20px 0;}
    .defaultModal .close {top: 19px;}
    .defaultModal .close i {font-size: 30px;}
    .defaultForm { padding: 50px; }
    .defaultForm .dfBtn-col .btn {font-size: 22px; line-height: 25px;}

    /* map */
    .areaMap .embed-responsive-21by9::before {padding-top: 75%; }

    /* shopOwnerPage */
    .shopOwnerSignInOut .form-control {padding: 15px 20px;}
    .shopOwnerSignInOut .defaultForm .dfBtn-col .btn {line-height: 28px;    }
    .shopOwnerPage .shopClick {font-size: 18px; padding: 30px 15px;}
    .shopOwnerSignInOut .custom-control-label { padding-left: 33px; }
    .shopOwnerSignInOut .custom-control-label::after, .shopOwnerSignInOut .custom-control-label::before { width: 22px; height: 22px; top: 0; }
    .shopOwnerSignInOut .defaultForm .forgotTopText {font-size: 20px; line-height: 28px;}
    .shopOwnerSignInOut .defaultForm .backToLogin {font-size: 20px;}
    .shopOwnerSignInOut .defaultForm .backToLogin i {margin-right: 8px; font-size: 22px;}

    /* my profile */
    .profileChangePassword { padding: 70px 0 35px; }
    .pageTitle { font-size: 24px; line-height: 28px; margin-bottom: 80px; }
    .proPass-form {padding: 30px; margin-bottom: 35px;}

    /* add shop */
    .addShop .addShop-btn {margin-bottom: 20px;}

    /* shops listing */
    .shopListing { padding: 50px 0 0; }
    .shopSearch {margin:0 0 25px;}
    .cominSoon-col {height: 370px;}
    .cominSoon-col .cominSoon-colTitle { font-size: 30px; line-height: 38px;}
    .cominSoon-col .secondary-btn { font-size: 22px; line-height: 21px; margin-top: 40px; }


    /* place your item */
    .placeItem { padding: 60px 0 40px; }
    .placeItem .itemProgress .progressText { font-size: 21px; line-height: 31px; margin-top: 25px; }
    .placeItem .noItem { font-size: 24px; }
    .addItem .addItem-titleFilter { margin-bottom: 30px; }
    .addItem .addItem-titleFilter .title { font-size: 22px; line-height: 22px; }
    .addItem-row {align-items: flex-start;}
    .addItem-row .addItemDetail {flex-flow: wrap; padding: 0 0 0 20px;}
    .addItem-row .addItemDetail .aid-col {margin-left: 0; margin-bottom: 15px; width: 100%;}
    .addItem-row .addItemDetail .aid-col:last-child {margin-bottom: 0;}
    .addItem .addItem-titleFilter .filterSearch .form-control {width: 230px; margin-left: 30px;}
    .viewItem-col .aid-col .form-group>label { min-width: 110px; }
    .viewItem-col .addItem-row>.aid-col .form-group>label { min-width: 110px; }
    .addItem-col .editDelete { margin-bottom: 0; }
    .editItem-col .addItem-row .addItemImg {height: 270px;}
    .editItem-col .aid-col .form-group>label { min-width: 105px; margin-right: 15px;}
    .editItem-col .addItem-row:last-child .aid-col .form-group>label { min-width: 105px; }




}

@media only screen and (max-width:767px) {
    .navbar-brand img { max-width: 130px; }
    .navbar .header-right-side .signUpIn-btn {width: initial; padding: 15px 30px; margin-left: 15px;}
    .homeBanner .homeSearch select.form-control {flex: 0 0 270px;}
    .homeBanner .homeSearch .searchBtn { margin: 15px 0 0; width: 100%; }
    .copyRightSocial {flex-direction: column;}
    .copyRightSocial .shop {margin: 10px 0 0;}
    .copyRightSocial .fooSocial {margin:15px 0 0 0;}
    .copyRightSocial .fooSocial li a { height: 30px; width: 30px; background-size: 30px; }

    .defaultModal .close { right: 22px;}
    .defaultModal .title { font-size: 24px;}
    .defaultForm { padding: 40px; }
    .defaultModal .modal-content {border-radius: 10px;}
    .defaultForm .dfBtn-col {margin-top: 30px;}
    .defaultForm .form-group {margin-bottom: 18px;}
    .defaultForm .form-group .form-control { padding: 15px; font-size: 16px; }
    .custom-control-label {padding-left: 40px; font-size: 18px;}
    .custom-control-label::after, .custom-control-label::before { width: 25px; height: 25px; top: 0px;}

    /* shopOwnerPage */
    .shopOwnerPage .navbar { padding: 20px 0; }
    .shopOwnerSignInOut {margin: 70px auto;}
    .shopOwnerSignInOut .defaultForm .forgotTopText { font-size: 18px; line-height: 26px; }
    .shopOwnerSignInOut .defaultForm .backToLogin { font-size: 18px; }
    .shopOwnerSignInOut .defaultForm .backToLogin i {font-size: 20px;}

    /* my profile */
    .profileChangePassword { padding: 50px 0 25px; }
    .pageTitle { font-size: 24px; line-height: 27px; margin-bottom: 70px; }
    .proPass-form .proPass-formTitle { font-size: 24px; line-height: 26px; margin-bottom: 30px; }

    /* shops listing */
    .product-col .productImg {height: 250px;}
    .shop-col {flex-direction: column;}
    .shopListing hr {margin: 30px 0;}
    .shop-col ul { padding: 20px 0 0 0; }

    /* place your item */
    .placeItem { padding: 45px 0 20px; }
    .placeItem .itemProgress>img { max-width: 60px; }
    .placeItem .itemProgress .progressText { font-size: 19px; line-height: 28px;}
    .placeItem .addItemBtn .secondary-btn {padding: 10px;}
    .placeItem .noItem { font-size: 22px; }
    .addItem-row {flex-flow: wrap;}
    .addItem-row .addItemImg { flex: 0 0 100%; height: 350px; }
    .addItem-row .addItemDetail {padding: 20px 0 0;}
    .aid-col .form-group>label {flex: 0 0 170px;}
    .placeItem .addItemBtn .secondary-btn {margin-bottom: 50px;}
    .addItem .addItem-titleFilter {flex-flow: wrap;}
    .addItem .addItem-titleFilter .filterSearch { margin-top: 20px; }
    .viewItem {flex-flow: wrap;}
    .viewItem-col {width: 100%; margin-left: 0;}
    .viewItem-col .aid-col .form-group>label { min-width: 160px; }
    .viewItem-col .addItem-row>.aid-col .form-group>label { min-width: 160px; }
    .editItem {flex-flow: wrap;}
    .editItem-col {width: 100%;}
    .editItem-col .addItem-row .addItemImg {height: 350px; flex: 0 0 100%;}
    .editItem-col .addItem-row .addItemDetail {width: 100%;}
    .editItem-col .cancelSave {margin: 20px 0 0;}


    


    


}


@media only screen and (max-width:575px) {
    .modal-dialog { max-width: 90%; margin-left: auto; margin-right: auto;}
    .homeBanner .homeSearch select.form-control {flex: 0 0 50%;}
    .homeBanner .homeSearch select.form-control.selectGender {flex:0 0 46%; }
    .defaultForm { padding: 30px; }

    /* map */
    .profileDropdown .dropdown-toggle img { width: 35px; height: 35px; }
    .profileDropdown .dropdown-toggle span {padding: 3px 12px 0 0;}
    .profileDropdown .dropdown-toggle::after { background-size: 12px 7px; width: 12px; height: 7px; right: -5px; }
    .navbar .header-right-side .logoutBtn { margin-left: 20px; }
    .navbar .header-right-side .logoutBtn img { max-width: 31px; margin-bottom: 2px; }
    .mapPage .homeBanner { padding: 40px 0 50px; }
    .areaMap { margin-top: 40px; }
    .areaMap .embed-responsive-21by9::before { padding-top: 100%; }

    /* shopOwnerPage */
    
    .shopOwnerSignInOut .title { font-size: 22px; padding: 17px 15px; }
    .shopOwnerSignInOut { margin: 50px auto;}
    .shopOwnerPage .shopClick { font-size: 16px; padding: 23px 15px; line-height: 1; }
    .defaultForm .registerHere {margin-top: 25px;}
    .defaultForm .registerHere a {font-size: 18px; line-height: 1;}
    .defaultForm .form-group .form-control { padding: 12px; font-size: 16px; }
    .shopOwnerSignInOut .custom-control-label { padding-left: 30px; }
    .shopOwnerSignInOut .custom-control-label::after, .shopOwnerSignInOut .custom-control-label::before { width: 20px; height: 20px; top: 0; } 
    .shopOwnerSignInOut .defaultForm .dfBtn-col .btn { line-height: 26px; }
    .shopOwnerSignInOut .defaultForm .forgotTopText br {display: none;}

     /* my profile */
    .pageTitle { font-size: 22px; line-height: 25px; margin-bottom: 70px; }

    /* add shop */
    .listingRejected { margin: 0 0 50px 0; padding: 0 0 0 20px; }
    .listingRejected li { font-size: 20px; line-height: 24px; }
    .addShop .addShopTitle { font-size: 19px; margin-bottom: 10px;}
    .addShop .addShopTitleText { font-size: 18px; line-height: 21px;}
    .addShop .form-group {margin-bottom: 20px;}
    .addShop .form-group .form-control { padding: 10px 12px; }
    .addShop .addShop-btn {margin-top: 20px;}
    .addShop .addShop-btn {font-size: 18px; margin-top: 15px;}
    .addShop .placeMap i { font-size: 40px; margin-bottom: 5px; }
    .addShop .placeMap { padding: 50px 15px; }
    .addShop .placeMap .oopsTitle { font-size: 21px; margin-bottom: 5px; }
    .addShop .placeMap .oopsText { font-size: 16px; line-height: 21px; }
    .addShop .form-group textarea.form-control { height: 130px; }

    /* shop Listing */
    .shopListing { padding: 40px 0 0; }

    /* place your item */
    .addItem .listAddItem-btn .secondary-btn {margin-left: 20px; width: 210px;}
    .addItem .addItem-titleFilter .filterSearch .form-control { width: 215px; margin-left: 20px; }





}

@media only screen and (max-width:480px) {
    .navbar { padding: 10px 0 70px; }
    .navbar .header-right-side .signUpIn-btn {padding: 12px 15px; margin-left: 10px; font-size: 15px;}
    .homeBanner .homeSearch select.form-control { flex: 0 0 100%; }
    .homeBanner .homeSearch select.form-control.selectGender { flex: 0 0 100%; margin: 0; }
    .homeBanner .homeSearch .multiselect-native-select { margin-left: 0; margin-top: 15px; flex: 0 0 100%; }
    .defaultModal .close { right: 10px; }
    .defaultModal .title { font-size: 22px; line-height: 24px; }
    .defaultForm { padding: 20px; }
    .defaultForm .rememberForgot {margin-top: 20px; flex-direction: column; align-items: flex-start;}
    .defaultForm .rememberForgot .forgotPasswordLink {margin-top: 15px;}
    .defaultForm .dfBtn-col { margin-top: 20px; }
    .defaultForm .dfBtn-col .btn { font-size: 20px; line-height: 22px; }
    .defaultForm .registerHere {margin-top: 20px;}
    .defaultForm .registerHere a {font-size: 18px;}
    .defaultForm .forgotTopText { font-size: 20px; line-height: 28px;}
    .defaultForm .backToLogin {font-size: 20px;}
    .defaultForm .backToLogin i {font-size: 22px;}

    /* my profile */
    .profileChangePassword { padding: 40px 0 10px; }
    .proPass-form { padding: 20px; margin-bottom: 30px; }
    .proPass-form .proPass-formTitle { font-size: 22px; line-height: 24px; margin-bottom: 25px; }

    /* shop Listing */
    .shop-col ul li {font-size: 16px;}
    .shop-col ul li label {width: 100%; font-size: 16px; margin-bottom: 0;}

    /* place your item */
    .placeItem { padding: 30px 0 0; }
    .addItem-row .addItemImg {height: 270px;}
    .aid-col .form-group {flex-flow: wrap; margin-bottom: 17px;}
    .aid-col .form-group>label { flex: 0 0 100%; margin-right: 0; }
    .addItem-row { margin-top: 10px; }
    .addItem .listAddItem-btn .secondary-btn { margin-left: 10px; width: 155px; padding: 15px 8px; }
    .addItem .addItem-titleFilter {margin-bottom: 20px;}
    .addItem .addItem-titleFilter .filterSearch {flex-flow: wrap; }
    .addItem .addItem-titleFilter .filterSearch .form-control {width: 100%; margin: 0 0 15px;}
    .addItem .addItem-titleFilter .filterSearch .form-control:last-child {margin-bottom: 0;}
    .viewItem-col {padding: 15px;}
    .viewItem-col .addItem-row .addItemImg {height: 250px;}
    .viewItem-col .aid-col .form-group>label { min-width: 100%; }
    .viewItem-col .addItem-row>.aid-col .form-group>label { min-width: 100%; }
    .editItem-col { padding: 15px; }
    .editItem-col .addItem-row .addItemImg {height: 250px;}


    

}