p,label,span { color: white; }

#select-ad {
    margin-right: 63px;
}

.description { color: white; }

#in-search { margin-right: 20px; }
#class-search { 
    /*border: 2px solid yellow;*/ 
    width:90%;text-align: center;
    margin:auto;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    padding-bottom: 24px; 
    padding-top: 24px; 
}

    #search-btn {  
    margin-left: 14px;
    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: linear-gradient(0deg, rgb(0, 175, 0) 30%, rgb(0, 188, 0) 70%);*/
     background: #00b9ff;
}

#content { text-align: center; width: 90%; margin-top: 76px;/*border:2px solid yellow;*/}
.ad-wrapper { /*margin-left: 55px;*/ margin-top: -26px;}
.ad-wrapper2 { position: relative; }
.main-img-wrapper { width:222px; }
#main-img { width: 299px;height: 250px; }
.prev {
    position: relative;
    top: 125px;
    z-index: 1;
    left: -115px;
}

.nex {
    position: relative;
    top: 125px;
    z-index: 1;
    right: -192px;
}

.thumb-wrapper { width:222px; margin: auto; }
#box1,#box2 { display: inline-block; vertical-align: top; }
#box1 { /*border: 2px solid blue;*/ }
#box2 { 
    border: 1px solid white; 
    text-align: left; 
    min-height: 310px;
    min-width: 253px;
    max-width: 542px;
    width: 44%;
    margin-left: 34px;
    padding-left: 35px;
}


#text-wrapper { display: inline-block; }   
#text-wrapper { width:80%; /*border:2px solid cyan;*/ }

#price-wrapper { 
    /*border:2px solid yellow;*/
    float:right;
    margin-top: 17px;
    padding-right: 16px; 
}

.info-section {
    position: absolute;bottom: -207px;
    /*border:2px solid white;*/
    width: 100%;
    text-align: right;
    padding-right: 16px;
}

#form-wrapper { 
    text-align: left;
    width:46%;
    margin: auto;
    margin-top: 70px; 
    padding-left: 30px;
    border:1px solid grey;
    border-style: dashed; 
    padding-bottom: 38px;
    padding-top: 15px;
    margin-bottom: 90px;
}

.thumb-wrapper { text-align: left; }
.thumb { width:70px;height:50px; margin-right:10px; margin-top: 10px;}

/*media all*/
textarea.textarea {
    width: 68%;
    height: 168px;
}

#saveForm {
    margin-top: 45px;
    margin-left: 370px;
}

.active { border:2px solid magenta; }
.amount { 
    color: rgba(255, 132, 0, 1);
    display: inline;
}

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

@media only screen and (max-width: 1175px) {
    .ad-wrapper { width: 473px; }
}

@media only screen and (max-width: 1061px) {
    #box1 { margin-left: -32px }
}

@media only screen and (max-width: 1006px) {
    #box1 {
        display: block;
        width: 90%;
        /*border: 2px solid red;*/
        margin: auto;
        padding-left: 27px;
    }

    .ad-wrapper { margin: auto; margin-bottom: 32px; }

    #box2 { max-width: none; margin-left: 0;width: 62%; }

    #form-wrapper { width: 72%; }
}

@media only screen and (max-width: 980px) {
    .ad-wrapper { width: 507px; }
}

@media only screen and (max-width: 837px) {
    #box1 { padding-left: 18px; }
}

@media only screen and (max-width: 715px) {
    #saveForm { margin-left: 316px; }
}


@media only screen and (max-width: 654px) {
    #box2 { width: 70%; }
    #form-wrapper { margin-top: 44px; }
    #saveForm { margin-left: 269px; }
}

@media only screen and (max-width: 638px) {
    .ad-wrapper { width: 100%; }
    #box1 { margin-top: -28px; padding-left: 2px; }
}

@media only screen and (max-width: 609px) {
    .form-wrapper { width: 90%; }
}

@media only screen and (max-width: 574px) {
    #box2 { width: 90%; }
    #form-wrapper { width: 91%; } 
}

@media only screen and (max-width: 537px) {
    #search-btn { margin-top: 21px; }
     #saveForm { margin-left: 241px; }
}

@media only screen and (max-width: 490px) {
    .nex { right: -176px; }
    .prev { left: -177px; }
    .ad-wrapper { width: 100%; }
    .main-img-wrapper { width: 100%; }
    #main-img { width: 84%; margin: auto; }
    #form-wrapper { width: 90%; }
}

@media only screen and (max-width: 464px) {
    .nex { right: -166px; }
    .prev { left: -167px; }
}

@media only screen and (max-width: 428px) {
    .nex { right: -151px; }
    .prev { left: -151px; }
    #saveForm { margin-left: 60%; }
}

@media only screen and (max-width: 393px) {
    .nex { right: -138px; }
    .prev { left: -138px; }
    #message_buyer { min-width: 204px;} }
}

@media only screen and (max-width: 367px) {
    .nex { right: -129px; }
    .prev { left: -129px; }
}

@media only screen and (max-width: 359px) {
    .nex { right: -110px; }
    .prev { left: -110px; }
}