

.virtuemart_search, .vm-order-list, .display-number {
  display: none;
}

.avc-search-icon:hover {
     color: var(--avc-red);
}

.mod-finder {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid;
    margin-top: calc(var(--avc-regular-resolution-width)*5/var(--avc-ref-screen));
}

.searchPane {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid;
  margin-top:  calc(var(--avc-regular-resolution-width)*450/var(--avc-ref-screen));
}

.searchFilter {
  width: 100%;
  margin-left: calc(var(--avc-regular-resolution-width)*-50/var(--avc-ref-screen));
}

.search-searchword {
    font-size:  calc(var(--avc-regular-resolution-width)*23/var(--avc-ref-screen));
    background-color: #F2F2F2;
    border: 1px solid #c9c7c7;
    height: 38px !important;
}


.searchbox {
    float: left; 
    clear: right;
    width: 100%;
    margin-top:  calc(var(--avc-regular-resolution-width)*50/var(--avc-ref-screen));
    margin-bottom:  calc(var(--avc-regular-resolution-width)*20/var(--avc-ref-screen));
}

.searchboxinput {
    float: left; 
    width:80%;
}

.searchForm {
    padding-top:  calc(var(--avc-regular-resolution-width)*60/var(--avc-ref-screen));
    font-size:  calc(var(--avc-regular-resolution-width)*15/var(--avc-ref-screen));
    border: 0px;
    margin-left: 4%;
    margin-bottom: calc(var(--avc-regular-resolution-width)*480/var(--avc-ref-screen));
}

.searchForm .avc-footer-block {
    display: block;
}

.search-results{
    margin-left: 4%;
    width: 89%;
    margin-bottom: calc(var(--avc-regular-resolution-width)*50/var(--avc-ref-screen));
}

.result-title, .result-text {
    width: 100%;
    margin-left: -4%;
}

.result-title{
    font-size: calc(var(--avc-regular-resolution-width)*23/var(--avc-ref-screen));
    color: var(--avc-red);
    border: 0 !important;
    background-color: white !important;
}

.result-text {
   font-size: calc(var(--avc-regular-resolution-width)*18/var(--avc-ref-screen));
   margin-bottom: calc(var(--avc-regular-resolution-width)*40/var(--avc-ref-screen));
}

.result-intro-category {
    font-weight:bold;
    color: #646464;
}

.result-created {
    font-size: calc(var(--avc-regular-resolution-width)*16/var(--avc-ref-screen)) !important;
    font-style: italic;
}

.result-title mark {
    background-color: #e5e5e5 !important;
    font-weight:bold !important;
    font-size: calc(var(--avc-regular-resolution-width)*23/var(--avc-ref-screen)) !important;
    color: var(--avc-red) !important;
}

.categories-box {
    background-color: #6c757d;
    padding: calc(var(--avc-regular-resolution-width)*10/var(--avc-ref-screen)); 
    width: calc(var(--avc-regular-resolution-width)*300/var(--avc-ref-screen));
    margin-right: calc(var(--avc-regular-resolution-width)*170/var(--avc-ref-screen));
}


.categories-box select option:before {
   content: "✓ ";
}

.categories-box select option:not(:checked):before {
   content: "";
}

.searchtype-box {
    background-color: #6c757d;
    padding: calc(var(--avc-regular-resolution-width)*10/var(--avc-ref-screen)) !important; 
    width: calc(var(--avc-regular-resolution-width)*400/var(--avc-ref-screen)) !important;
}

.categories {
    height: calc(var(--avc-regular-resolution-width)*200/var(--avc-ref-screen)) !important; 
    width: calc(var(--avc-regular-resolution-width)*500/var(--avc-ref-screen)) !important;
}

.searchtypes {
    height: calc(var(--avc-regular-resolution-width)*90/var(--avc-ref-screen)) !important; 
    width: calc(var(--avc-regular-resolution-width)*570/var(--avc-ref-screen)) !important;
}

@media only screen and (max-width: 1300px) {
    .categories {
        height: calc(var(--avc-regular-resolution-width)*220/var(--avc-ref-screen)) !important; 
    }

    .searchForm {
        margin-bottom: calc(var(--avc-regular-resolution-width)*520/var(--avc-ref-screen));
    }
}


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

    .result-title, .result-text {
        margin-left: -5%;
        width: 104%;
    }
}

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

    .searchForm {
         height: 335px;
    }

    .categories {
        height: 151px !important;
        width: 290px !important;
        font-size: 13px !important;
    }

    .avc-footer-select select:not(.form-control) {
        width: 410px !important;
    }

    .searchtypes {
        width: 400px !important;
        font-size: 13px !important;
        height: 34px !important;
    }

    .categories-box, .searchtype-box{
        width: 90% !important;
        font-size: 13px !important;
    }

    .searchtype-box{
        margin-top: 100px !important;
    }

    .searchPane {
        margin-top: 10px;
    }

    .search-searchword {
        font-size:  18px;
    }

    .searchbox {
        margin-top: 100px;
    }

    .searchboxinput {
        width:100%;
        float: none;
        padding-bottom: 10px;
    }

    .result-title, .result-text {
        width: 107%;
        margin-left: -7%;
        font-size: 15px;
    }

    .result-title {
        font-size: 18px;
    }

    .result-text {
        font-size: 15px;
    }

   .result-title mark {
        font-size: 18px !important;
    }

    .result-text {
        margin-bottom: 40px;
        margin-top: 10px;
    }

    .result-created {
        font-size: 14px !important;
    }
}

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

    .result-title, .result-text {
        margin-left: -10%;
    }

    .searchForm {
         height: 350px !important;
    }

    .searchtype-box{
        margin-top: 120px !important;
    }
}

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

    .searchForm {
         height: 375px !important;
    }

    .searchtype-box{
        margin-top: 135px !important;
    }
}



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

    .result-title, .result-text {
        margin-left: -12%;
    }

    .categories, .searchtypes {
        font-size: 11px !important;
    }

    .avc-footer-select select:not(.form-control) {
        width: 355px !important;
    }

    .searchtypes {
        width: 340px !important;
    }

    .categories {
        height: 132px !important;
    }

    .searchForm {
         height: 385px !important;
         margin-left: 0px;
    }

}

@media only screen and (max-width: 380px) {
 .avc-footer-select select:not(.form-control) {
        width: 340px !important;
    }
}

@media only screen and (max-width: 360px) {
    .searchtypes {
        width: 324px !important;
    }
}

