@media (min-width: 992px){
    .groups .item.col-md-4:nth-child(3n+1){
        clear: both;
    }

    .groups .item:nth-child(2n+1){
        clear: both;
    }

    #services .item:nth-child(2n){
        background: #9f2481
    }


}

@media screen and (max-width: 1199px){
    .beniconsize1{
        left: 100px;
    }

    #services .item{
        height: 450px;
    }
}

@media screen and (max-width: 991px) {

    footer#main .widget:nth-child(2n+1),
    .groups .item:nth-child(2n+1){
        clear: both;
    }

    .heading small{
        max-width: 100%
    }

    #primary{
        margin-bottom: 40px
    }


    #banner .wpcf7{
        width: 320px;
        padding-bottom: 15px;
    }

    #banner h4{
        font-size: 20px;
    }


    header#main .navbar li a{
        padding-left: 10px;
        padding-right: 10px;
    }

    header#main .container,
    #banner .container,
    #statistic .container{
        width: 94%;
    }

    footer#main{
        background-size: 100% auto;
        background-position: bottom center;
    }

    .contactus .map-info{
        width: 100%;
        text-align: center;
        right: 0;
    }

    .beniconsize5{
        top: 300px;
        right: 0px;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    #services .item:nth-child(4n+1),
    #services .item:nth-child(4n){
        background: #9f2481
    }
}

@media screen and (max-width: 767px) {

    #services .item{
        height: auto;
    }

    #services .item:nth-child(2n){
        background: #9f2481
    }

    .push-canvas {
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    
    .navbar-push {
        padding-right: 15px;
        padding-left: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .push-canvas.pushed-left {
        left: -80%;
    }
    
    .push-canvas.pushed-right {
        left: 80%;
    }
    
    .navbar-push {
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        overflow-y: scroll;
        height: 100%;
        position: fixed;
        width: 80%;
        top: 0;
        border: none;
        z-index: 9999999999;
        background: white;
    }

    header#main .navbar li a{
        color: #F7941E
    }

    .admin-bar .navbar-push{
        top: 50px;
    }

    .navbar-nav{
        margin: 10px 0;
    }
    
    .navbar-push.navbar-push-right.in {
        left: 0;
    }
    
    .navbar-push.navbar-push-left.in {
        right: 0;
        margin-right: 0;
    }

    .closeMenu{
        background: rgba(0, 0, 0, .7);
        left: -80%;
    }

    #why_us .rhombus{
        position: relative;
        display: block;
        overflow: hidden;
        margin: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        margin: 10px auto !important;
        top: auto;
        left: auto;
        right: auto;
        height: auto;
    }

    .tralign{
        width: 100%;
        background-size: cover;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .imgbgr {
        width: 100%;
        left: 0;
        top: 0;
    }

    .beniconblock img, .beniconblock b{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        line-height: 0;
    }

    #why_us .why{
        height: auto;
        width: 100%;
        position: relative;
        padding: 40px 20px;
        margin: 20px auto;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 40px !important;
    }
    
    .why .headinginfo{
        text-align: center;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;        
    }

    .bico,
    .beniconblock b{
        padding: 20px 0;
        transform: none;
    }
    
    #why_us .beninside{
        height: auto;
        padding-bottom: 40px;
    }

    .contacttb{
        padding-top: 10px;
    }
    
    header#main .navbar-toggle{
        margin-top: 10px;
    }

    #banner .content img{
        margin-bottom: 20px;
        max-width: 80%;
        height: auto;
    }

    #banner .content .text{
        margin-top: 0;
        text-align: center;
    }

    #banner .wpcf7{
        width: 100%;
        margin-top: 10px;
        border: 1px solid #ddd;
        border-top: none
    }

    #statistic{
        margin-top: 100px;
    }

    .socialbottom .socialbartransparent{
        padding: 20px 0;
        margin: 0;
    }

    .map-info strong{
        font-size: 30px;
        margin: 10px 0;
    }
}

@media screen and (max-width: 500px){
    header#main #top .col-xs-6{
        width: 100%;
        text-align: center;
    }

    .socialbartransparent{
        padding: 5px;
    }

    header#main #top{
        margin-bottom: 20px;
    }

    header#main .logo img{
        height: 40px;
    }

    #banner .content .text{
        font-size: 20px;
        line-height: 25px
    }

    #services .media-body, #services .media-left, #services .media-right{
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: center;
    }

    .contactus .map-info .btn{
        font-size: 15px;
    }

    .contactus .map-info{
        padding: 30px 20px;
    }

    .map-info p{
        font-size: 14px;
    }

    .socialbottom .socialbartransparent li a .fa{
        width: 55px;
        height: 55px;
        line-height: 55px;
    }
}