﻿.peopSearSect #divContactUs > div:not(.show-more-link){
    display: none;
}

.peopSearSect {
    width: 50%;
    border-bottom: none;
}

.oneHalf,
.oneThird {
    display: none;
}

#divContactUs .captField input[type="text"] {
    width: 65%;
}

.captField span.captcha_field {
    width: 28%;
    padding: 5px 2px;
}

#divContactUs textarea {
    width: 96.5%;
}

.container.white-container.detail-page.clr {
    margin-top: 45px;
}

.container.parent{
    width: inherit;
    margin: 0 auto;
}

#divContactUs .mandatory-mess{
    font-style: italic;
    color: #000;
    font-size: 16px;
}
.show-more-link{
    position: static;
    padding-top: 75px;
}

.show-more-link a[title="SHOW FORM"]:hover,
.show-more-link a[title="SHOW FORM"]:active,
.show-more-link a[title="SHOW FORM"]:focus{
    background-position-y: -96px !important;
}

.show-more-link a[title="HIDE FORM"]:hover,
.show-more-link a[title="HIDE FORM"]:active,
.show-more-link a[title="HIDE FORM"]:focus{
    background-position-y: -146px !important;
}

.peopSearSect #divContactUs input:not(.reset-search):not(.submitBtn), 
.peopSearSect #divContactUs select, 
.peopSearSect #divContactUs textarea{
    text-transform: none;
}

/*FOR HEADING DESCRIPTION & ICON*/ 
.container.parent .icon{
    left: -100px;
    float: left;
}

.container.parent .text-description{
    float: right;
}

#divContactUs .container.parent h2{
    color: #000;
    font-size: 30px;
}

#divContactUs .container.parent .text-description p{
    text-transform: none;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
}


/*MOBILE*/
@media only screen and (max-width: 768px) {
    .peopSearSect {
        width: 70%;
    }
    
    #divContactUs .container.parent{
        width: 100%;
    }
    .container.parent .icon{
        left: -100px;
    }

   #divContactUs .captField input[type="text"] {
        width: 59%;
    }

   .captField span.captcha_field {
        width: 33%;
    }
    
}

@media only screen and (max-width: 639px){
    .peopSearSect {
        width: 100%;
    }

    #divContactUs .container.parent .text-description p{
        margin-top: 11%;
    }

    #divContactUs .container.parent h2{
        margin-left: 100px;
        padding-top: 30px;
    }

    .container.parent .icon{
        left: 0;
    }

    #divContactUs .captField input[type="text"] {
        width: 100%;
    }
}

@media only screen and (max-width: 639px) and (min-width: 501px) {
    .captField span.captcha_field {
        width: 26%;
    }

    #divContactUs .captField input[type="text"] {
        width: 67%;
    }
}

@media only screen and (max-width: 480px) {
    .show-more-link {
        padding-top: 10px;
        position: static;
    }
}

