/* ============      Media 768Px Start   ============ */
@media (max-width:991px) {
    .pull-right.sidemenu {
        float: none !important;
    }

    .btnstart span {
        font-size: 24px;
    }

    .senditem a {
        width: auto;
    }
}

/* ============      Media 420Px Start   ============ */
@media (max-width:767px) {
    #user-choice-box article.pd-cam {
        padding-top: 20px;
    }

    #contact-section li span textarea {
        height: 120px;
    }

    #contact-section li {
        margin-bottom: 20px;
    }

    .senditem a span {
        font-size: 24px;
        padding: 10px;
    }

    #attachment-wrapp {
        width: 195px;
    }

    #contact-section h1 {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #home-section {
        padding: 20px;
    }

    #select-section h1 {
        font-size: 28px;
    }

    #main-content {
        margin-top: 0 !important;
    }

    #home-section h1 {
        font-size: 42px;
    }

    #home-section h1 .logo-hd {
        width: 250px;
        height: 50px;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #main-content {
        margin-top: 40px;
    }

    #contact-section {
        padding: 0;
        min-height: 400px
    }

    #contact-section li span label {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 15px;
        padding-bottom: 0;
        left: 0;
        top: 0px
    }

    #contact-section li span textarea {
        padding: 15px;
    }

    #home-section h3 {
        padding: 0;
        color: #60666a;
        font-size: 20px;
    }

    .mid-seprator span {
        font-size: 28px;
        padding-left: 15px;
    }

    #lightboxwrapp .progress {
        width: 50%;
    }

    .op-score-bar {
        position: static;
        border-radius: 0;
        width: 100%;
        max-width: none;
    }

    .op-score-bar ul li, .op-score-bar.varifocal ul li {
        display: block;
        width: 100%;
        text-align: center;
    }

    .op-score-bar ul li:first-child, .op-score-bar.varifocal ul li:first-child {
        border-radius: 0;
        width: 100%;
        border: 0;
    }

}

@media (max-width:560px) {
    .btn, .pd-button-panel .btn {
        font-size: 1.3rem;
    }
    
    .senditem a {
        width: auto;
    }

    .senditem a span {
        padding: 10px;
        font-size: 14px;
    }

    #attachment-wrapp {
        width: 120px;
    }

    #user-choice-box article {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .mid-seprator {
        float: left;
        width: 100%;
        position: relative;
        top: 00px;
        left: 0;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .mid-seprator span {
        display: inline;
        float: none;
        position: relative;
    }

}

@media (max-width:440px) {

    #card-section ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    #card-section ul li figure {
        padding: 0px;
    }

    #card-section ul li figure img {
        width: auto;
    }
}