/* lg */
@media (min-width: 1200px) {
    .about {
        margin: 15px 210px 15px 18%;
    }

    .counter {
        text-align: center;
        position: absolute;
        top: 0;
        right: 45px;
        width: 160px;
    }

    .sm-clean a {
        font-size: 24px !important;
    }

    .open .site-content {
        margin-right: 260px;
    }

    .menu-left-part {
        right: -550px;
    }

    .footer {
        display: none;
    }

    .container {
        margin: 30px 30px 15px 15%;
    }
   .feedback .control-label{
       margin-bottom:15px;
   }

}

/* md */
@media (min-width: 1025px) and (max-width: 1199px) {
    body {
        background: #1c2d35 url(../images/BodyBG.png) no-repeat -200px top !important;
    }

    .sm-clean a {
        font-size: 24px !important;
    }

    .menu-left-part {
        width: 300px !important;
    }

    .open .site-content {
        margin-right: 300px;
    }

    .container {
        margin: 30px 15px 15px 0;
    }

    .counter {
        position: relative;
        background-color: rgba(0,0,0,0.2);
        margin: 50px 0;
        padding-top: 25px;
    }

        .counter li {
            display: inline-block;
            width: 32.33%;
            text-align: center;
        }

        .counter span {
            /*font-size:30px;*/
        }

    .menu-left-part {
        left: auto;
        right: -550px;
        transition: .3s .4s right cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    }

    .site-content {
        transition: margin .3s .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .open .site-content {
        margin-right: 390px;
    }

    .footer {
        display: none;
    }
    .addRemove .btn {
        margin-bottom: 10px;
        width: 100px;
    }
    .submissionForm .control-label{
        margin-bottom:15px;
    }
    .team {
        height: 135px !important;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 1024px) {
    .team{
        height:135px!important;
    }
    .menu-left-part {
        left: auto;
        right: -550px;
        transition: .3s .4s right cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    }

    .site-content {
        transition: margin .3s .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .open .site-content {
        margin-right: 390px;
    }

    .site-logo img {
        width: 200px;
    }

    .welcome-content {
        margin-top: 50px;
    }

    .logos {
        display: none;
    }

    .footer, .foote .logos {
        display: block;
    }

    .site-content {
        margin-top: 30px !important;
    }

    .counter {
        position: relative;
        background-color: rgba(0,0,0,0.2);
        margin: 50px 0;
    }

        .counter li {
            display: inline-block;
            width: 32.33%;
            text-align: center;
        }

    #menu-container {
        width: 60%;
        margin: 0 auto;
    }

    .search {
        margin: 30px auto 15px auto;
    }

    .footer,
    .footer .logos {
        display: block;
    }

    .content-left {
        margin-bottom: 60px;
    }

    .sm-clean a {
        font-size: 24px !important;
    }

    .menu-left-part {
        width: 265px !important;
    }

    .open .site-content {
        margin-right: 265px;
    }
    .addRemove .btn {
        margin-bottom: 10px;
        width: 100px;
    }
}

/* xs */
@media (max-width: 767px) {
    .menu-left-part {
        left: auto;
        right: -550px;
        transition: .3s .4s right cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    }

    .site-content {
        transition: margin .3s .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .addRemove.text-center {
        margin: 15px 0;
    }

    .control-label{
        margin-bottom:15px;
    }
    h3{
        font-size:24px!important;
        margin-bottom:10px!important;
    }
    .open .site-content {
        margin-right: 390px;
    }

    .site-logo img {
        width: 200px;
    }

    #menu-container {
        width: 90%;
        margin: 0 auto 50px auto;
    }

    .search {
        margin: 45px auto 15px auto;
        position: relative;
    }

    .counter {
        background-color: rgba(0,0,0,0.2);
        margin: 50px 0;
    }

        .counter li {
            width: 32.33% !important;
        }

    .logos {
        display: none;
    }

    .footer, .footer .logos {
        display: block;
    }

    .counter {
        position: relative;
    }

        .counter li {
            display: inline-block;
            width: 15%;
            text-align: center;
        }

    .sm-clean a {
        font-size: 24px !important;
    }

    .menu-left-part {
        width: 245px !important;
    }

    .open .site-content {
        margin-right: 245px;
    }
}

/* custom */
@media (min-width: 1200px) and (max-width: 1650px) {
    body {
        background: #1c2d35 url(../images/BodyBG.png) no-repeat -170px 0 !important;
    }

    .about {
        margin: 15px 175px 15px 0 !important;
    }

    .counter {
        text-align: center;
        position: absolute;
        right: 0 !important;
        width: 160px;
    }

    .open .site-content {
        margin-right: 345px !important;
    }
}

@media (min-width:1200px) and (max-width: 1450px){
    .team {
        height: 135px !important;
    }
}