@media only screen and (min-width: 1169px) {

    .container {

        padding: 0;

    }



}

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



h2{

    font-size: 24px;

}



/* Start Single image Section */

.single-img-banner .heading-bx {

    width: 100%;

    height: 343px;

    background: none;

    margin: auto;

    padding: 0 80px;

    text-align: center;

    border: 6px solid #FFF;

}

.single-img-banner .heading-bx h1 {

    font-size: 35px;

}

.single-img-banner .heading-bx h3{

    font-size: 18px;

}

/* End Single image Section */



/*Start Welcome Area scetion*/

#welcome-area a.image-title {

    width: 55%;

    padding: 10px 20px 10px 10px;

}

#welcome-area a.image-title:hover{

    width: 55%;

    padding: 10px 20px 10px 10px;

}

#welcome-area a.image-title h2 {

    font-size: 18px;

}

#welcome-area a.image-title p {

    font-size: 16px;

}

#welcome-area a.image-title .arrow {

    top: -4px;

    left: 6px;

}



/* Start Form Section */

.form-section .form-post input[type="text"],input[type="Email"],input[type="tel"]{

    width: 286px;

    margin-right: 20px;

}

.form-section .form-post input[type="Email"]{

    margin-right: 20px;

}

.form-section .form-post input[type="tel"]{

    margin-right: 0px;

}

.form-section .form-post textarea {

    width: 596px;

}

.form-section .form-post input[type="submit"]{

    padding: 15px 30px;

}

/* End Form Section */



/* Start Service Section*/

.grid figure figcaption {

    padding: 2em 7em 2em 2em;

}

figure.effect-sarah h2{

    font-size: 18px !important;

}

/* End Service Section*/



/* Start About Section */

#about-section .profile-img-box::after{

    display: none;

}

#about-section.padd-btm {

    padding-bottom: 0px;

}

#about-section .profile-img-box {

    background-color: #1b3766;

    padding: 10px;

    height: auto;

}

/* End About Section */



/* Start legal consult Section */

#legal-consult {

    width: 100%;

    height: 233px;

    float: left;

    padding: 45px 0 0 0;

}

#legal-consult h2 {

    font-size: 35px;

    color: #FFF;

    padding: 0;

    font-weight: 100;

}

#counter .circle h1::before {

    left: 92px;

}

#counter .circle p{

    font-size: 17px;

}

#legal-consult .download-broucher {

    margin: 10px 0 0 0;

    padding: 15px 25px 15px 23px;

    font-size: 50px;

}

#legal-consult .hamour-img {

    z-index: 999;

    position: relative;

    top: -57px;

}

/* End legal consult Section */



/*Start Blog Section */

#blog .single-blog-post .cntnt-bx {

    float: left;

    width: 297px;

    padding: 0 0 0 20px;

}

#blog .single-blog-post p{

    font-size: 15px;

}



}

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

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {

    width: 100%;

    position: relative !important;

    background-color: #FFF;

    float: none;

    border: none;

    padding: 0 15px 0 15px !important;





}

}

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

.wd-50{

    width: 100%;

}

/* Start Single image Section*/

.single-img-banner {

    width: 100%;

    background: url(../img/main-slider/banner-img.jpg) no-repeat;

    margin-top: 55px;

    background-position: center;

}

.single-img-banner .overlay {

    padding: 110px 0;

}

.single-img-banner .heading-bx h1 {

    font-size: 24px;

}

/* End Single image Section */



/*Start Welcome Area scetion*/

#welcome-area {

    top: -30px;

    position: relative;

    height: auto;

}

#welcome-area a.image-title {

    width: 85%;

    padding: 10px 20px 10px 10px;

}

#welcome-area a.image-title:hover {

    width: 85%;

    padding: 10px 20px 10px 10px;

}

/*End Welcome Area scetion*/



/* Start Form Section */

.form-section .form-post input[type="text"],input[type="Email"],input[type="tel"]{

    width: 213px;

    margin-right: 20px;

}

.form-section .form-post input[type="tel"]{

    margin-right: 0px;

}

.form-section .form-post textarea {

    width: 100%;

}

.form-section .form-post input[type="submit"]{

    padding: 15px 30px;

    margin-left: 0;

}

/* End Form Section */



/* Start About Section */

#about-section .year-cnt {

    width: auto;

    float: left;

}

#about-section .year-cnt h1 {

    font-size: 80px;

}

#about-section .year-heading {

    float: left;

    padding: 5px 0 0 15px;

}

#about-section .year-heading span {

    font-weight: bold;

    font-size: 40px;

    top: -12px;

    position: relative;

}

/* End About Section */



/* Start legal consult Section */

#legal-consult {

    width: 100%;

    height: 173px;

    float: left;

    padding: 45px 0 0 0;

}

#legal-consult h2 {

    font-size: 29px;

}

#legal-consult .download-broucher {

    margin: 0;

    padding: 0;

    font-size: 40px;

    border:0;

}

/* End legal consult Section */



.grid{

    padding: 1em 0 0 !important;

}



/* Start Counter Section */

#counter .circle h1 {

    color: #1b3766;

    font-size: 50px;

}

#counter .circle h1::before {

    left: 64px;

}

#counter .circle p {

    font-size: 14px;

}

/* End Counter Section */



/* Start Blog Section */

#blog{

    margin: 50px 0 0 0;

}

#blog .single-blog-post .cntnt-bx {

    float: left;

    width: 543px;

    padding: 0 0 0 20px;

}

/* End Blog Section */



/* End Form Section */

.footer ul.quick-links {

    margin: 0;

    padding: 0;

}

footer .padd-offset-1{

    padding-left: 0;

    padding-top: 30px;

}

footer .padd-offset{

    padding-left: 0;

}

.tt-contact-info {

        padding-left: 0;

        float: left;

        width: 70%;

}

/* Start team page css*/

.our-team .team-holder {

    margin-bottom: 20px;

}

/* End team page css*/

}



@media only screen and (min-width: 320px) and (max-width: 736px) {



h1{

    font-size: 24px;

}

.wd-50 {

    width: 100%;

}

.sec-pad {

    padding: 50px 0;

}

.section-title h2{

    font-size: 24px;

}

.wrap-sticky nav.navbar.bootsnav.sticked{

    position: inherit;

}

.collapse.in {

    display: block;

    border-left: 0;

    background-color: transparent;

}

.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 20px;

    border: 1px solid transparent;

}

nav.navbar.bootsnav ul.nav > li > a {

    color: #FFF;

    background-color: #313135 !important;

    font-size: 14px;

    text-transform: uppercase;

    padding-left: 15px;

    padding-right: 15px;



}

nav.bootsnav .megamenu-content .col-menu {

    padding-bottom: 0;

    background-color: #FFF;

}

#topbar{

    display: none;

}

#welcome-area {

    top: 0px;

    position: relative;

    height: 100%;

}

#welcome-area a.image-title {

    width: 85%;

    padding: 10px 20px 10px 10px;

}

#welcome-area a.image-title {

    width: 100%;

    padding: 10px 20px;

    background-color: #1b3766;

    bottom: 0;

    position: relative;

    border-top: 4px solid #FFF;

    border-right: 4px solid #FFF;

    float: left;

}

#welcome-area a.image-title:hover {

    width: 100%;

    padding: 10px 20px;

    background-color: #1b3766;

    bottom: 0;

    position: relative;

    border-top: 4px solid #FFF;

    border-right: 4px solid #FFF;

    float: left;

}

#welcome-area a.image-title p {

    font-size: 16px;

    float: none;

}

#welcome-area a.image-title h2 {

    font-size: 18px;

    float: none;

}

.sections-wrapper {

    background: #FFF;

    z-index: 20;

    position: relative;

    height: 100%;

}



/* Start Form Section */

.form-section{

    padding: 50px 0;

    position: relative;

    bottom: 0px;



}

.form-section .form-post input[type="text"],input[type="Email"],input[type="tel"]{

    width: 100%;

    margin-right: 0px;

}

.form-section .form-post textarea{

    width: 100%;

}

.form-section .form-post input[type="submit"]{

    width: 100%;

    margin-left: 0;

    padding: 15px 16px;



}

/* End Form Section */



/*Start About Section*/

#about-section .year-heading {

    float: none;

}

#about-section .year-heading h1{

    font-size: 25px;

}



/*End About Section*/



/* Start legal consult Section */

#legal-consult {

    width: 100%;

    height: auto;

    float: left;

    padding: 45px 0;

}

#legal-consult h2 {

    font-size: 24px;

}

#legal-consult .download-broucher {

    margin: 0;

    padding: 0;

    font-size: 30px;

    border:0;

}

/* End legal consult Section */



/* Strat Team Section */

.single-attorney{

    margin-bottom: 20px;

}

/* End Team Section */



/* Strat counter Section */

#counter .circle{

    box-shadow: none;

    padding: 20px 0;

}

#counter .circle h1::before {

    display: none;

}

/* End Counter Section */



/* Strat Blog Section */

#blog {

    margin-top: 30px;

}

#blog .single-blog-post {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}



#blog .single-blog-post .img-holder{

    width: 100%;

}

#blog .single-blog-post .img-holder img{

    min-width: 100%;

}

#blog .single-blog-post .cntnt-bx {

    float: left;

    width: 100%;

    padding: 20px 0 0 0;

}



/* End Blog Section */



footer .widget {

    margin-bottom: 30px;

    float: left;

}

footer .widget.pull-right{

    float: left !important;

}

footer .widget.pd-left {

    padding-left: 0px;

}

.footer ul.quick-links {

    margin: 0;

    padding: 0;

}



.footer .quick-links li a{

    display: table;

}

.footer .social-links{

    float: left;

}

footer .padd-offset-1{

    padding-left: 0;

    padding-top: 30px;

}

footer .padd-offset{

    padding-left: 0;

}

.footer .social-links{

    float: left;

}

.create-by{

    float: none;

    text-align: center;

}

.copywrite{

    float: none;

    text-align: center;

}



#faq-section .section-title h1 {

    margin: 0 0 -15px 0;

    padding: 0;

    text-align: left;

}





/* Start contact page css*/

.tt-contact-info {

    padding-left: 0;

    float: none;

    width: auto;

}

.contact-form {

    padding: 45px 10px 45px 10px;

    background-color: #FFF;

    box-shadow: 0 0px 7px #ccdee6;

    margin-bottom: 30px;

}

/* End contact page css*/

}

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

.single-img-banner {

    margin-top: 55px;

}

.single-img-banner .heading-bx {

    width: 100%;

    height: 343px;

    background: none;

    margin: auto;

    padding: 0 25px;

    text-align: center;

    border: none;

}

}

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

.single-img-banner {

    margin-top: 55px;

}

#about-section .profile-img-box img {

    background-color: #FFF;

    padding: 10px;

    min-width: 100%;

}



}



@media only screen and (min-width: 320px) and (max-width: 480px) {



h1{

    font-size: 18px;

}

.section-title h1{

    font-size: 24px;

}

.page-title h2{

    font-size: 30px;

}

/* start banner single-image*/

.single-img-banner {

    margin-top: 55px;

}

.single-img-banner .overlay {

    width: 100%;

    height: 100%;

    padding: 100px 0;

}

.single-img-banner .heading-bx {

    width: 100%;

    height: 343px;

    background: none;

    margin: auto;

    padding: 0 25px;

    text-align: center;

    border: none;

}

.single-img-banner .heading-bx h1 {

    font-size: 16px;

}

.single-img-banner .heading-bx h3 {

    font-size: 16px;

    line-height: 24px;

}



figure.effect-sarah p{

    display: none;

}

h1.heading-1 {

    font-size: 24px;

}

#services .container .owl-prev{

    line-height: 200px;

}

#services .container .owl-next{

    line-height: 200px;

}

.grid{

    padding: 1em 0 0em !important;

}

.grid figure {

    position: relative;

    float: left;

    overflow: hidden;

    margin: 0;

    min-width: 100% !important;

}

.grid figure figcaption {

    padding: 0em 1em 2em 1em !important;

    display: block;

}



}

@media only screen and (min-width: 320px) and (max-width: 375px){



.section-title h1{

    font-size: 18px;

}



}

