p { color: white; }
span { color: white; }

.btn { display: none; }

#search-form { margin-top: -4px; }
#class-search { 
    border-bottom: 1px solid gray; 
    border-top: 1px solid gray; 
    padding-bottom: 24px; 
    width: 90%;
    margin:auto;
    text-align: center;
}

#search-btn {  
    margin-left: -16px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    padding: 0px 10px;
    /*text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);*/
    -webkit-border-radius: 7.297297297297297px;
    -moz-border-radius: 7.297297297297297px;
    border-radius: 5px;
    background: rgb(0, 175, 0);
    background: -moz-linear-gradient(0deg, rgb(7 160 7) 30%, rgb(7 169 7) 70%);
    background: -webkit-linear-gradient(0deg, rgb(7 160 7) 30%, rgb(7 169 7) 70%);
    background: -o-linear-gradient(0deg, rgb(7 160 7) 30%, rgb(7 169 7) 70%);
    background: -ms-linear-gradient(0deg, rgb(7 160 7) 30%, rgb(7 169 7) 70%);
    background: linear-gradient(0deg, rgb(7 160 7) 30%, rgb(7 169 7) 70%);
    border:2px solid #d4d2d2;
}

#search-btn:hover {
    border: solid white 2px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    padding: 0px 10px;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 7.297297297297297px;
    -moz-border-radius: 7.297297297297297px;
    border-radius: 7.297297297297297px;
    background: rgb(0, 175, 0);
    background: -moz-linear-gradient(90deg, rgb(0, 175, 0) 30%, rgb(0, 188, 0) 70%);
    background: -webkit-linear-gradient(90deg, rgb(0, 175, 0) 30%, rgb(0, 188, 0) 70%);
    background: -o-linear-gradient(90deg, rgb(0, 175, 0) 30%, rgb(0, 188, 0) 70%);
    background: -ms-linear-gradient(90deg, rgb(0, 175, 0) 30%, rgb(0, 188, 0) 70%);
    
    background: #00b9ff;
}

    
#in-search { margin-right: 20px; background: #100f0f; color: white; border: 1px solid darkgrey; }
#in-search::placeholder {color:#ece9e9; }
#class-search {/* border: 2px solid yellow; */width:90%;margin:auto;text-align: center; }




#content {margin-top: 80px;}

#col1 { /*border:2px solid green; */width: 46%;margin-left:10%;margin-right: 5%; }
.ad-wrapper { margin-bottom: 15px;/* border:2px solid yellow;*/width: 554px;}

#col2 { /*border: 2px solid yellow;*/ width:30%; }
.class-banner {width: 100%;}
.banner-ad-wrapper { margin-bottom: 35px; }
 
.contain-one { /*border:2px solid red;*/width: 35%;display: inline-block;vertical-align: top; }
.contain-two { border:2px solid white;width: 353px;display: inline-block;vertical-align: top; }
.contain-two { height: 154px; }
.main-ad-img { width:190px;height: 154px; }
.main-img-wrapper,.ad-content-wrapper { display: inline-block; }
.ad-content-wrapper { 
    /*border: 2px solid cyan;*/
    width: 70%; 
    display: inline-block; 
    height: 83%; 
    padding-left:17px;
    padding-top: 5px;
    text-align: left;
}
.title { font-size: 20px; }
.price-wrapper { /*border: 2px solid magenta;*/width:20%; display: inline-block; vertical-align: top;padding-top: 5px;}
.price { color: rgba(255, 132, 0, 1); }
.info-section { text-align: right; padding-right:17px; }

#col1,#col2 { display: inline-block;vertical-align: top; }
#col1 {/* border:2px solid red;*/ width: 558px;margin-right: 91px; }

/* Slider */
.hide-image { display: none; }
.show-image { display: inline-block !important; }
#img1,#img2,#img3,#img4 { width:370px;height:170px; }
.btn { visibility: hidden; }
.sidebar-ads1 { margin-bottom: 20px; }
#banner-ads-one { display: inline-flex; }

@media only screen and (max-width: 1327px) {
    #content { text-align: start; }
}

@media only screen and (max-width: 1282px) {
    #content { width:100%;  }
}

@media only screen and (max-width: 1220px) {
    #col1 { margin-left:7%;  }
}

@media only screen and (max-width: 1182px) {
    #col1 { margin-left:5%;  }
}

@media only screen and (max-width: 1122px) {
    #img1,#img2,#img3,#img4 { width:100%; }
}

@media only screen and (max-width: 1042px) {
    #col1 { margin-right: 5%; }
}

@media only screen and (max-width: 1017px) {
    .contain-two { width: 317px; }
    #col1 { width: 520px; }
}

@media only screen and (max-width: 965px) {
    #col1 { display: block; width: 100%; margin-left: 0px; }
    .ad-wrapper { margin: auto; margin-bottom: 20px; }
    .contain-two { width: 353px; }
    #col2 { width: 100%;margin-top: 20px; }
    .sidebar-ads1 { width: 370px;margin: auto; margin-bottom: 20px; }
}

@media only screen and (max-width: 685px) {
    #logo { margin: auto; }

    #banner-wrapper {
        display: block; 
        text-align: center;
    }

    #navbar-wrapper { text-align: center; }
}

@media only screen and (max-width: 583px) {
    .contain-two {
        width: 290px;
    }
}

@media only screen and (max-width: 499px) {
    .contain-two { display: block;margin: auto; }
    .contain-one { width: 190px;margin-bottom: 8px; }
    .ad-wrapper { text-align: center; width: 100%; }
}

@media only screen and (max-width: 410px) {
    .sidebar-ads1 { width: 93%; }
}