@media only screen and (min-width: 320px) and (max-width: 767px){
    .nav{
    flex-wrap:wrap;
    gap:20px;
}

.menu-toggle{
    display:block;
    margin-left:auto;
}

.nav-items,
.nav-btns{
    display:none;
    width:100%;
}

.nav-items.active,
.nav-btns.active{
    display:block;
}

.nav-items ul,
.nav-btns ul{
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    gap:12px;
}

.nav-items li,
.nav-btns li{
    width:100%;
}

.nav-items a,
.nav-btns a{
    display:block;
    width:100%;
    padding:8px 0;
    text-align:center;
}

.nav-search-form{
    width:100%;
    min-width:100%;
    flex-wrap:wrap;
}

.nav-search-form input,
.nav-search-form select,
.nav-search-form button{
    width:100%;
}

.nav-items a img{
    height:70px;
}

.dropdown-menu{
    position:static !important;
}
    .nav-search-form {
        display:none;
    }
    .in-logo{
        width:100px !important;
    }
    .hero h1{
    text-align:center;
    font-size: 35px;
    }
    .hero span {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hero p {
        text-align:center;
    }
    .btns {
    justify-content: center;
}
.about-con {
    padding-left:0px;
    padding-right:0px;
}
.services .col-3 {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .newsletter-sec h2{
        font-size: 19.62px;
        width: 90%;
        line-height: 26.239px;
    }
    .newsletter-sec img{
    left: 40% !important;
    top: -90px !important;
    }
    input, textarea {
    width: 100%;
}
    .form-group.inline label {
        text-align: center;
    }
    .icon-links {
        display:none !important;
    }
    .services h1 {
    color: #EE3F00;
    font-size: 30.9px;
    text-align: center;
    }
    .services span {
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .collapse-modal-content {
        display:none;
    }
    footer#footer-row {
    background: #EE3F00;
    padding: 50px 10px 60px;
}
    footer#footer-row .col-md-6 {
        width: 100%;
    }
    footer#footer-row .footer-sec ul.link-flex {
        justify-content: center;
        margin-top: 30px;
                flex-direction: column;
        gap: 20px;
        text-align: center;
}
.footer-sec{
    display: flex;
    align-items: center;
    justify-content: center;
}
div#copyright-row {
    padding: 50px 10px 30px;
    background: #fff;
}
footer#footer-row .footer-sec ul.link-flex li {
    list-style: none;
    margin-left: 0px;
}
footer#footer-row .social-icons ul {
    justify-content: center;
}
div#copyright-row .copy-sec {
    flex-direction: column;
    gap: 20px;
}
.sale-sec-1 img {
    width: 100%;
}
.radial-1 {
    display:none !important;
}
.radial {
       display:none !important;
}
.sale-sec-1 h1 {
    color: #2A8BC1;
    font-size: 35px;
    text-align: center;
}
.sale-box {
    padding: 20px;
    gap: 20px;
    height:100%;
            flex-direction: column;
}
.sale-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.sale-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.sale-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.category .main img {
    width: 100%;
}
.categories .category .main .inner-main h4 {
    color: #010305;
    font-size: 20.2px;
    text-align:center;
}
.trade-sec-1 img {
    width:100%;
}
.trade-sec-1 h1 {
    font-size: 35px;
    text-align: center;
}
.trade-box {
    padding: 20px;
    gap: 20px;
    height:100%;
    flex-direction:column;
}
.trade-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.trade-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.trade-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.loan-sec-1 img {
width:100%;
}
.loan-sec-1 h1{
   font-size: 35px; 
   text-align: center;
}
.loan-box {
    padding: 20px;
    gap: 20px;
    height:100%;
    flex-direction:column;
}
.loan-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.loan-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.loan-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.wanted-sec-1 img {
width:100%;
}
.wanted-sec-1 h1{
   font-size: 35px; 
   text-align: center;
}
.wanted-box {
    padding: 20px;
    gap: 20px;
    height:100%;
    flex-direction:column;
}
.wanted-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.wanted-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.wanted-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.categories .col-4{
    width:100%;
}
.sale-sec-2 .col-6{
    width:100%;
}
.trade-sec-2 .col-6{
    width:100%;
}
.loan-sec-2 .col-6{
    width:100%;
}
.wanted-sec-2 .col-6{
    width:100%;
}

div#copyright-row .copy-sec p {
    font-size: 20px;
    letter-spacing: 1.3px;
} 
.sale-bx .col-6{
    width:100%;
}
.sale-bx{
    flex-direction: column;
}
.sale-sec-1 p {
    font-size: 18px;
    text-align: center;
}
.categories h1 {
    color: #fff;
    font-size: 40.9px;
text-align:center;
}
.categories .inner {
    justify-content:center;
}
.sale-sec-2 h1 {
    text-align: center;
    font-size: 30px;
}
.trade-bx {
    flex-direction: column;
}
.trade-bx .col-6{
    width:100%;
}
.trade-sec-1 p {
    font-size: 18px;
    text-align: center;
}
.loan-bx {
     flex-direction: column;
}
.loan-bx .col-6{
    width:100%;
}
.loan-sec-1 p {
    font-size: 18px;
    text-align: center;
}
.wanted-hero img{
    width:100% !important;
    height:100% !important;
}
.wanted-bx {
       flex-direction: column;
}
.wanted-bx .col-6{
    width:100%;
}
.wanted-sec-1 p {
    font-size: 18px;
    text-align: center;
}
.categories .category .main i:nth-child(2) {
    left: 282px;
}
.inbox-right {
    width: 100%;
}
.inbox-left {
    width: 100%;
}
.inbox-container {
    flex-direction: column;
}
.container {
    padding-left:0px;
    padding-right:0px;
}
.card-body {
    padding:0px !important;
}
.single-loan-con{
    flex-direction:column;
}
.single-con{
        width: 100%;
    align-items: center;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .nav{
    flex-wrap:wrap;
    gap:20px;
}

.menu-toggle{
    display:block;
    margin-left:auto;
}

.nav-items,
.nav-btns{
    display:none;
    width:100%;
}

.nav-items.active,
.nav-btns.active{
    display:block;
}

.nav-items ul,
.nav-btns ul{
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    gap:12px;
}

.nav-items li,
.nav-btns li{
    width:100%;
}

.nav-items a,
.nav-btns a{
    display:block;
    width:100%;
    padding:8px 0;
    text-align:center;
}

.nav-search-form{
    width:100%;
    min-width:100%;
    flex-wrap:wrap;
}

.nav-search-form input,
.nav-search-form select,
.nav-search-form button{
    width:100%;
}

.nav-items a img{
    height:70px;
}

.dropdown-menu{
    position:static !important;
}
    .nav-search-form {
        display:none;
    }
    .in-logo{
        width:100px !important;
    }
    .hero h1{
    text-align:center;
    font-size: 35px;
    }
    .hero span {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hero p {
        text-align:center;
    }
    .btns {
    justify-content: center;
}
.about-con {
    padding-left:0px;
    padding-right:0px;
}
.services .col-3 {
        width: 50%;
        margin-bottom: 20px;
        text-align: center;
    }
    .newsletter-sec h2{
        font-size: 30.62px;
    width: 90%;
    }
    .newsletter-sec img{
    left: 40% !important;
    top: -80px !important;
    }
    footer#footer-row {
    background: #EE3F00;
    padding: 50px 10px 60px;
}
    footer#footer-row .col-md-6 {
        width: 100%;
    }
    footer#footer-row .footer-sec ul.link-flex {
        justify-content: center;
        margin-top: 30px;
}
.footer-sec{
    display: flex;
    align-items: center;
    justify-content: center;
}
div#copyright-row {
    padding: 50px 10px 30px;
    background: #fff;
}
footer#footer-row .footer-sec ul.link-flex li {
    list-style: none;
    margin-left: 20px;
}
.sale-sec-1 img {
    width: 100%;
}
.radial-1 {
    display:none !important;
}
.radial {
       display:none !important;
}
.sale-sec-1 h1 {
    color: #2A8BC1;
    font-size: 35px;
}
.sale-box {
    padding: 20px;
    gap: 20px;
    height:100%;
}
.sale-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.sale-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.sale-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}

.category .main img {
    width: 100%;
}
.categories .category .main .inner-main h4 {
    color: #010305;
    font-size: 20.2px;
}
.trade-sec-1 img {
    width:100%;
}
.trade-sec-1 h1 {
    font-size: 35px;
}
.trade-box {
    padding: 20px;
    gap: 20px;
    height:100%;
}
.trade-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.trade-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.trade-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.loan-sec-1 img {
width:100%;
}
.loan-sec-1 h1{
   font-size: 35px; 
}
.loan-box {
    padding: 20px;
    gap: 20px;
    height:100%;
}
.loan-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.loan-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.loan-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.wanted-sec-1 img {
width:100%;
}
.wanted-sec-1 h1{
   font-size: 35px; 
}
.wanted-box {
    padding: 20px;
    gap: 20px;
    height:100%;
}
.wanted-box .bx-back h3 {
    font-size: 25px;
    color: #000;
    text-align:center;
}
.wanted-box .bx-back p {
    font-size: 18px;
    color: #000;
    text-align: center;
}
.wanted-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.categories .col-4{
    width:50%;
}
.sale-sec-2 .col-6{
    width:100%;
}
.trade-sec-2 .col-6{
    width:100%;
}
.loan-sec-2 .col-6{
    width:100%;
}
.wanted-sec-2 .col-6{
    width:100%;
}

element.style {
}
div#copyright-row .copy-sec p {
    font-size: 20px;
    letter-spacing: 1.3px;
}
.inbox-right {
    width: 100%;
}
.inbox-left {
    width: 100%;
}
.inbox-container {
    flex-direction: column;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1300px){
      .nav-items a img {
    width: 100%;
    height: 59px;
}
.nav-search-form {
    display: none;
}
.hero h1 {
        font-size:50px;
    }
    .rather-1 {
    width: 250px;
    height: 173px;
}
.newsletter-sec h2 {
    font-size: 33.62px;
}
.about-con {
    padding-left:0px;
    padding-right:0px;
}
.sale-1 {
    width: 200px;
    height: 98px;
}
    .rather-1 {
        width: 200px;
        height: 142px;
    }
    .loan-1 {
    width: 200px;
    height: 126px;
}
.wanted-1 {
    width: 200px;
    height: 110px;
}
.service-card h2 {
    color: #fff;
    font-size: 22.2px;
}
.service-card {
        height: 377px;
}
.newsletter-sec img{
    left: 38px !important;
}
.newsletter-sec h2 {
    width: 65%;
}
footer#footer-row .footer-sec ul.link-flex li {
    list-style: none;
    margin-left: 30px;
}
footer#footer-row {
    background: #EE3F00;
    padding: 50px 50px 60px;
}
.sale-sec-1 img {
    width: 100%;
}
.radial-1 {
    display:none !important;
}
.radial {
       display:none !important;
}
.sale-sec-1 h1 {
    color: #2A8BC1;
    font-size: 35px;
}
.sale-box {
    padding: 20px;
    gap: 20px;
}
.sale-box .bx-back h3 {
    font-size: 25px;
    color: #000;
}
.sale-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}

.category .main img {
    width: 100%;
}
.categories .category .main .inner-main h4 {
    color: #010305;
    font-size: 20.2px;
}
.trade-sec-1 img {
    width:100%;
}
.trade-sec-1 h1 {
    font-size: 35px;
}
.trade-box {
    padding: 20px;
    gap: 20px;
}
.trade-box .bx-back h3 {
    font-size: 25px;
    color: #000;
}
.trade-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.loan-sec-1 img {
width:100%;
}
.loan-sec-1 h1{
   font-size: 35px; 
}
.loan-box {
    padding: 20px;
    gap: 20px;
}
.loan-box .bx-back h3 {
    font-size: 25px;
    color: #000;
}
.loan-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.wanted-sec-1 img {
width:100%;
}
.wanted-sec-1 h1{
   font-size: 35px; 
}
.wanted-box {
    padding: 20px;
    gap: 20px;
}
.wanted-box .bx-back h3 {
    font-size: 25px;
    color: #000;
}
.wanted-box .num {
    padding: 10px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
}

@media only screen and (min-width: 1301px) and (max-width: 1600px){
    
    .nav-items a img {
    width: 100%;
    height: 59px;
}
.nav-search-form {
    width: 300px;
    min-width: 300px;
}
.hero h1 {
        font-size:60px;
    }
    .rather-1 {
    width: 250px;
    height: 173px;
}
.newsletter-sec h2 {
    font-size: 33.62px;
}
}