/* Large desktop :1800px. */
@media (min-width: 1500px) and (max-width: 1800px) {
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .container-width {
        max-width: 1140px;
    }
    .search-result-area .col-xl-2 {
        max-width: 15.666667%;
    }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .search-result-area .col-xl-2 {
        max-width: 16.666667%;
    }
    .rated-box {
        padding: 8px;
    }
    .page-title h3 {
        font-size: 24px;
    }
    .user-link-sec {
        padding: 20px;
    }
    .hire-msg {
        padding: 0 5px;
    }
    .user-name {
        padding: 0 15px;
    }
    .btn-box {
        margin: 0 0px 0 10px;
    }
    .advertising-plips .serach-heading h5 {
        font-size: 15px;
    }
    .rated-box p {
        font-size: 15px;
    }
    .search-item {
    width: 100%;
    }
}

/* Tablet desktop :768px. */
@media (max-width: 991px) {
    #header .header-nav-main nav .logo,
    nav .logo {
        padding-left: 50px;
    }
    #header .header-nav-main nav ul li a,
    nav ul li a {
        font-size: 16px;
    }
    .checkbtn {
        display: block;
    }
    #header .header-nav-main nav ul,
    nav ul {
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color: #1B283D;
        top: 110px;
        left: -100%;
        text-align: center;
        transition: all 0.5s;
        display: inherit;
    }
    #header .header-nav-main nav ul li,
    nav ul li {
        display: block;
        width: 100%;
    }
    #check:checked ~ ul {
        left: 0;
        z-index: 999;
        top: 84px;
        position: absolute;
    }
    #header .header-nav-main nav ul li, 
    nav ul li {
        line-height: 50px;
    }
    .search-result-area .col-xl-2 {
        max-width: 16.666667%;
    }
    .rated-box {
        padding: 10px 10px;
        margin-bottom: 5px;
    }
    .rated-box p {
        font-size: 14px;
    }
    .content-box {
        padding: 5px 10px;
        margin-bottom: 5px;
    }
    .price-box {
        margin: -15px 0;
    }
    .container {
        max-width: 100%;
    }
    .hire-msg {
        padding: 0;
    }
    .tab__content-title {
        font-size: 24px;
    }
    .page-title h3 {
        font-size: 22px;
    }
    .user-link-sec {
        padding: 5px;
        padding-top: 20px;
    }
    .user-name {
        padding: 0 10px;
    }
    .btn-box .btn {
        padding: 0 30px;
    }
    .img-reward img {
        width: 75px;
        height: 75px;
    }
    .user-name h4 {
        font-size: 18px;
    }
    .reward-tabs {
        padding: 10px;
    }
    .advertising-plips .serach-heading h5 {
        font-size: 11px;
    }
    .serach-heading h5 {
        font-size: 16px;
        line-height: 14px;
        padding-bottom: 20px;
    }
        .search-item {
    width: 100%;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        background-color: transparent;
    }

}

/* small mobile :320px. */
@media (max-width: 767px) {
    .wrapper .btn {
        padding: 15px 40px 15px 20px;
        border-radius: 0;
        font-size: 18px;
    }
    .wrapper .dropdown-toggle::after {
        width: 20px;
        height: 20px;
        top: 26px;
    }
    .wrapper .has-search .form-control {
        font-size: 18px;
        padding: 15px 10px 15px 54px;
    }
    .wrapper .has-search .form-control-feedback {
        background-size: 20px;
        top: 18px;
    }
    .sec-pad {
        padding: 200px 15px;
        padding-bottom: 88px;
    }
    .heading h1 {
        font-size: 45px;
        line-height: 55px;
    }
    .heading span {
        font-size: 20px;
    }
    .cbx-wrapper .cbx-label {
        font-size: 18px;
    }
    .dropdown-menu {
        min-width: auto;
    }
    hr {
        min-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .cbx-wrapper input[type="checkbox"] + .cbx-label:before {
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }
    .drop-wrapper {
        padding: 10px 2px 0;
    }
    .cbx-wrapper .cbx-label .cbx-tick:after {
        height: 13px;
        width: 8px;

        left: 20%;
    }
    #header .header-nav-main nav .logo,
    nav .logo {
        padding-left: 0px;
    }
    .find-search {
        height: 100%;
    }
    .search-result-area .col-xl-2 {
        max-width: 100%;
    }
    .pagination-search {
        margin-bottom: 40px;
    }
    .hire-msg {
        padding: 0;
    }
    .img-reward {
        display: block;
        text-align: center;
    }
    .sec-pad-100 {
        padding: 50px 0;
    }
    .tab {
        margin-top: 20px;
    }
    .footer-description p {
        font-size: 16px;
    }
    .user-name {
        padding: 15px 10px;
    }
    .login-wrapper .form-group .form-control {
        height: 50px;
    }
    .login-wrapper .btn {
        height: 50px;
    }
    .tab__item {
        padding: 15px 0px;
        margin-left: 5px;
        font-size: 11px;
    }
    a.Amount-btn {
        top: 21px;
        right: 20px;
        padding: 5px 4px;
        font-size: 11px;
    }
    .advertising-plips .serach-heading h5 {
        font-size: 16px;
        padding-top: 10px;
    }
    .dropdown .dropdown-label {
        line-height: 37px;
        padding: 10px 55px 10px 20px;
        font-size: 16px;
    }
    .dropdown .dropdown-label::after {
        height: 35px;
    }
   /* .dropdown .dropdown-list {
        top: 56px;
        max-height: 200px;
        overflow-y: inherit;
    }*/
    .dropdown .dropdown-label:before {
        background-size: 20px;
            right: 0px;
        top: 75%;
    }
    .fixed-top { padding: 0 0 15px; }
    .wrapper .input-wrapper { display: block; }
    .wrapper .form-group.has-search { width: 100%; position: relative; margin: 0 0 1px; }
    .heading h1 { font-size: 32px; line-height: 42px; }
    .heading span { font-size: 18px; }
    .cbx-wrapper input[type="checkbox"] + .cbx-label:before { margin-right: 10px; width: 20px; height: 20px; }
    .drop-wrapper { padding: 10px 2px 0; }
    .cbx-wrapper .cbx-label .cbx-tick:after { height: 13px; width: 8px; left: 20%; }
    #header .header-nav-main nav .logo,
    nav .logo { padding-left: 10px; }
    #header .header-nav-main nav .logo img,
    nav .logo img { width: 150px; }
    .find-search { height: 100%; }
    footer { padding: 10px 0; font-size: 13px; line-height: 24px; }
    .d-hide { display: block; }
    .flowWrap h2 { font-size: 22px; margin: 15px 0 5px; }
    .m-hide { display: none; }
    .customer-join { padding: 20px 0 0; }
    .joinwrapper .nav-tabs .nav-link { font-size: 16px; margin: 0 15px; }
    .footer { padding: 20px 0 30px; }
    .joinwrapper .join-btn { width: 100%; }
    .joinwrapper .tab-pane .form-control { font-size: 16px; padding: 15px 0; }
    .customer-detail { padding: 20px 0 0; }
    .joindetail { padding: 20px 15px; }
    .joindetail .profileJoin { width: 160px; height: 160px; margin: 0 auto 35px; }
    .join-logo { margin-bottom: 20px; }
    .join-logo img { width: 200px; }
    .joindetail .form-group .form-control { height: 46px; }
    .joindetail .form-group { margin: 0 auto 15px; }
    .paymentdetail { margin: 0 auto 20px; }
    .flowWrap { padding: 30px 0; }
    .toolspage li { font-size: 18px; }
    .TitleBx { padding: 15px; font-size: 15px; }
    .wrapper { padding: 20px 0 0; }
    .profileData { padding: 30px 0 0 25px; }
    .profileData span { font-size: 16px; }
    .profileData h4 { font-size: 22px 10px; }
    .btn-new.search-top-mar { margin-top: 10px; }
    .user-deatils ul li { font-size: 16px; font-weight: 600;padding-bottom: 0 }
    .profileTabs ul { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .profileTabs li { width: 30%; float: inherit; vertical-align: top; display: inline-block; overflow: hidden; white-space: initial; }
    .profilebxindent ul { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .profilebxindent li { width: 30%; float: inherit; vertical-align: top; display: inline-block; overflow: hidden; white-space: initial; }
    .ProfileCheck li p { font-size: 12px; letter-spacing: 0; }
    .postindent { padding: 40px 0; }
    .postindent h2 { font-size: 20px; margin-bottom: 20px; }
    .postform { background: #fff; padding: 20px 15px 5px; border-radius: 8px; }
    .postform .form-group .form-control { height: 48px; font-size: 14px; }
    .postform .form-group { margin: 0 auto 20px; }
    .postform .form-group .form-control.message { height: 120px; }
    .postform .post-btn { padding: 20px 10px; font-size: 18px; border-radius: 3px; }
    .rewardwrap .nav-tabs { margin-bottom: 10px; padding: 0 10px; }
    .rewardwrap .nav-tabs .nav-link { font-size: 16px; padding: 20px 0; margin-right: 23px; }
    .searchb { width: 100%; margin-top: 15px; }
    .detailBx h2 { font-size: 20px; margin-top: 0; }
    .rewardwrap { padding: 40px 0 0px; }
    .all-advertising { display: inline-block; width: 47%; margin: 0 1% 15px; }
    .search-tab { display: block; padding: 15px; }
    .tab__content-title { font-size: 18px; margin-bottom: 10px; }
    .btn-box { margin: 0px; }
    .btn-box .btn { padding: 7px 30px; }
    .login-wrapper h5:before, .login-wrapper h5:after { display: none; }
    .login-wrapper { padding: 20px; border-radius: 4px; }
    .login-wrapper h5 { font-size: 16px; padding-bottom: 20px; }
    .col-md-3.col-xs-6.show-icon {
        width: 50%;
        text-align: center;
    }
}

#header .header-nav-main nav.active ul {
    left: 0;
    z-index: 999;
    top: 110px;
}
@media (max-width: 768px) {
    /*.col-lg-4,
    .col-lg-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }*/
}