/*
Here will be the css for responsive design .
*/


/* 
    Created on : Nov 14, 2016, 5:03:49 PM
    Author     : MD. Mashfiq
*/

@media screen and (max-width: 768px) {
    .featured-img {
        display: none;
    }
}

/* @media screen and (max-width: 767px) {
    #testimonials .customer-detail {
        left: 126px;
        position: absolute;
        top: 20px;
        transform: rotate(0);
    }
    .customer-avator {
        margin-bottom: 20px;
    }
    .slider-footer {
        bottom: 20px;
        text-align: center;
    }
    .slider-footer span.text {
        display: inline-block;
        float: none;
        margin-top: 10px;
        width: 100%;
    } */
}

@media screen and (max-width: 1280px) {
    #header-nav-container {
        align-items: flex-start;
        justify-content: center;
        padding: 20px;
    }
    .slider-container .slider-item .content {
        padding: 20% 10%;
    }
    .slider-container .slider-item .content h2 {
        font-size: 20px;
    }
    .slider-container .slider-item .content h1 {
        font-size: 40px;
    }
    /*Practice area*/
    #practice-area .featured-img {
        height: 315px;
    }
}

@media (max-width: 1260px) {
    #header-nav-container .main-nav {
        display: inline-block;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 80px;
        width: 100%;
    }
    #header-nav-container.sticky-nav {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 980px) {
    /*About Us*/
    #about-us .col-no-2 {
        margin-top: 90px;
    }
    /*Practice area*/
    #practice-area .discription {
        min-height: 163px;
    }
}

@media screen and (max-width: 800px) {
    #header-nav-container {
        align-items: center;
        flex-direction: column;
        padding: 20px;
    }
    #header-nav-container.sticky-nav {
        padding-bottom: 20px;
    }
    .brand-logo {
        align-self: center;
    }
    /*Main Navigation style*/
    #header-nav-container .menu-container,
    #header-nav-container .phone {
        display: none;
    }
    #header-nav-container .menu-container .header-icons {
        text-align: center;
    }
    #header-nav-container {
        flex-direction: row;
        justify-content: space-between;
    }
    .mobile-menu-control.mobile-open {
        display: inline-block;
    }
    /*Slider style*/
    .slider-container .slider-item .content {
        padding: 10%;
    }
    .slider-container .slider-item .content h2 {
        font-size: 15px;
    }
    .slider-container .slider-item .content h1 {
        font-size: 20px;
    }
    /*Section Common*/
    .section-title {
        display: unset;
        position: unset;
        transform: none;
    }
    .section-title hr {
        border: 2px solid #d5aa6d;
        margin: 10px 0;
    }
    /*Practice area*/
    #practice-area .discription {
        min-height: 200px;
    }
    #practice-area .container {
        padding-bottom: 40px;
        padding-top: 20px;
    }
    /*Our Values*/
    #our-values .content.colum {
        padding: 80px 40px 0;
    }
    #our-values .content.colum .overlay {
        top: 40px;
        width: calc(100% + 40px);
    }
    #our-values .content.colum .row {
        padding: 10px 0;
    }

    /*New Css*/

    #formFeatured .col-sm-4.col-xs-4, #formFeatured .col-sm-7.col-xs-8.col-lg-offset-1{width: 100%;}
    .form-feature .formContentmeta{position: relative; right: 0;top: 0;width: 100%;}
    .attornieContent{left: 10px;}

}

@media (max-width: 768px) {
    /*Slider style*/
    .slider-container .slider-item .content {
        padding: 15%;
    }
    .slider-container .slider-item .content p,
    #slider-container .slider-footer {
        display: none
    }
    .slider-container .slider-item .content .btn {
        margin: 0
    }
    
    .main-slider .owl-dots {
        bottom: 60px;
        flex-direction: row;
        height: auto;
        left: 13px;
        top: auto;
        margin: 0 auto;
    } 
    /*Section Common*/
    .full-width .absulate-item {
        position: relative;
    }
    #practice-area .discription {
        min-height: 0px;
    }
    /*Practice area*/
    #practice-area .featured-img {
        max-height: 200px;
        text-align: center;
    }
    /*Our Values*/
    #our-values {
        display: block;
        padding: 0;
        width: 100%;
    }
    #our-values .slider.colum,
    #our-values .content.colum {
        width: 100%;
    }
    #our-values .content.colum {
        padding: 30px 20px;
        background-color: #f7f7f7;
    }
    #our-values .content.colum .overlay {
        visibility: hidden;
    }
    #our-values .content.colum .row {
        padding: 10px 0;
    }
    /*Footer css*/
    .footer-contact-form {
        position: unset;
        width: 100%;
    }
    .footer-contact-form .form-group {
        width: 100%;
    }
    footer.style-1 {
        background: #f7f7f7;
    }
    .slider-item .content .content-inner {
  top: 15%;
}
.slider-item .content h1 {
  font-size: 44px;
}



}

/* @media (max-width: 640px) {
    .slider-item .content h1 {
        font-size: 40px;
    }
    #about-us.single-page.section-1 .video-container {
        padding: 50px;
    }
    .slider-item .content .content-inner {
        top: 15%;
    }


} */

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .slider-item .content h1 {
        font-size: 46px;
    }
    #about-us.single-page.section-1 .video-container {
        padding: 50px;
    }
    .slider-item .content .content-inner {
        top: 15%;
        width: 70%;
    }
}

@media only screen and (min-width: 240px) and (max-width: 480px) {
    /*header two*/
    #headtop .top_header .header-info-rt {
    text-align: center;
    }
    .nav-btn{display: none;}

    /*intro*/
    .quick-contactcontent {
        margin-top: 20px;
    }

    /* Slider style */
    .main-slider .owl-dots {
        margin-top: 40px  
    }
    .slider-container .slider-item .content {
        padding: 15%;
    }
    .slider-container .slider-item .content h2 {
        display: none
    }
    .slider-container .slider-item .content .btn {
        margin: 0
    }
    .slider-item .content .content-inner {
        top: 15%;
    }
    .slider-item .content h2 {
        font-size: 22px;
    }
    .slider-item .content h1 {
        font-size: 26px;
    }
    .slider-item .content p {
        font-size: 16px;
    }
    .footer-content .copy-right {
        margin-top: 30px;
        text-align: left;
    }
    .violate-overlay {
        padding-top:0;
        padding-bottom:50px;
    }
    #our-commitment .violate-overlay{
        padding-top: 50px;
    }
    .section-title hr {
        display: none;
    }
    .slider-container.slider-2 .slider-item .content {
        padding: 26px 24px 50px 63px;
    }
    .slider-container.slider-2 .slider-item .content .img-container {
        height: 100px;
    }
    .slider-container.slider-2 .slider-item .content .img-container img {
        visibility: hidden
    }
    #testimonials .customer-detail {
        position: unset;
        text-align: left;
        transform: rotate(0deg);
        padding: 0 13px;
    }
    /*fun facts*/
    .section .sectionWrapper1 {
        padding: 60px 0 60px;
    }
    .funfacts-bg {
        background: none;
    }
    /*attorny*/

    .attorniesItemMedia {
        float: none;
    }
    
    /*practicearea res*/
    #practice-area .discription p{padding:0;}
    .discription p {
        padding: 0 25px 0;
    }
    /*no win res*/
    .mrb76 {
        margin-bottom: 0px;
    }
    .homeTwo-contact-form {
        margin-bottom: 40px;
    }
    .form-feature .formContentmeta {
        padding: 50px 0px 67px 26px;
    }
    .formContentmeta h1 {
        font-size: 50px;
    }
    .formContentmeta p {
        font-size: 13px;
        line-height: 22px;
    }
    /*testimonil res*/
    .testimonialsStyleTwo {
        padding-top: 0px;
    }
    /*mesurement*/
    .mesure-content i{margin-top: 50px;}
    /*partneres*/
    .partnerCompanyLogo .slick-slide{margin-left: 80px;}
    .contacftbtn a {
        width: 59%;
    }
    /*progress res*/
    .progresstitle {
        padding-left: 50px;
    }
    .all-progess {
        padding-left: 50px;
    }
    .video_widget h3 {
        font-size: 14px;
        position: absolute;
        top: 0.33%;
    }
    .video_widget a {
        font-size: 14px;
        position: absolute;
        top: 28%;
        left: 40%;
    }
    .video_widget a i {
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 80px;
        color: rgba(205, 206, 210, 0.60);
    }
    #practice-area-section-1 .gallery-practice-area .flex-box-item {
        min-width: 250px;
    }

    .singleteamMember {
        padding-bottom: 50px;
    }
    .headerbanner h1 {
        font-size: 40px;
    }
    .attornieContent p {
        padding-right: 20px;
    }
    .footer-content .copy-right {
        color: #777777;
        font-family: "Open Sans";
        font-weight: 400;
        font-size: 13px;
    }

}