@media (max-width: 1700px) {
	.banner .wrapper h1 strong{font-size:55px;}
}
@media (max-width: 1600px) {
	.banner .wrapper h1, .banner .wrapper h1 strong{font-size:50px;}
}
@media (max-width: 1500px) {
	.banner{background-position: -50px top;}
}
@media (max-width: 1400px) {
    .about_team_page .wrapper {
        padding: 0px 15px;
    }  
	.banner{height: 640px;}
	.banner .wrapper{max-width: 1240px;}
	.banner .wrapper h1, .banner .wrapper h1 strong{font-size:45px;}
}
@media (max-width: 1370px) {
    .about_rht, .about_lft {width: 48%;}  
    .service_mid::before {width: 62%;right: -170px;}
    .service_mid::after{width: 62%; left: -170px;}
}
@media (max-width: 1300px) {
    .service_lft {padding-right: 50px;}
    .service_rht {padding-top: 470px;}
	.banner{height: 600px;}
	.banner .wrapper{max-width: 1140px;}
}
@media (max-width: 1200px) {
    .about_rht, .about_lft {width: 48%;}  
    .service_mid::before {width: 62%;right: -170px;}
    .service_mid::after{width: 62%; left: -170px;}
    .service_mid::before {width: 50%;right: -120px;}
    .service_mid::after{width: 50%; left: -120px;}
}
@media (max-width: 1199px) {
    .wrapper {max-width: 100%;padding: 0px 15px;}
    .head {padding: 15px;}
    .lawoff_img img{width: 32%;}
    .law_lft{padding-right: 30px;}
    .about_rht, .about_lft {width: 48%;}
    .about_lft h3 {padding-bottom: 20px;}
    .about_lft_con {padding: 20px 0px 20px;}
    .about_lft ul {padding: 20px 0px;}
    .service_mid::before , .service_mid::after{display: none;}
    .service_con {max-width: 100%;margin-top: 40px;}
    .service .forflex {flex-wrap: wrap;}
    .service_con h6{min-height: initial;}
    .service_in_pages.forflex{flex-wrap: wrap;flex-direction: column-reverse;}
    .service_rht{width: 100%; padding-top: 0px; max-width: 100%;}
    .service_lft{width: 100%; padding-right: 0px; padding-top: 40px;}
	.banner .wrapper h1 strong{margin-bottom: 10px;padding-bottom: 10px;}
	.banner .wrapper h1, .banner .wrapper h1 strong{font-size:35px}

}
@media (max-width: 991px) {
    nav li {display: inline-block;margin: 0px 13px;}
    nav li a {font-size: 20px;}
    .logo a img{width: 180px;height: auto;}
    .banner {height: 500px;}
    .droplist li {padding-bottom: 15px;}
    .lawoff h1 {font-size: 40px;margin-bottom: 120px;}
    .law_wrap {flex-wrap: wrap;}
    .law_rht {max-width: 100%;}
    .law_lft{width: 100%; padding-right: 0px; padding-top: 30px;}
    .foot_lft {width: 50%;flex: 1 0 50%;margin-bottom: 30px;}
    .social_links {margin-top: 40px;}
    .search_in{padding: 20px 0px;}
    .search_place, .search_place button, .search_place input {height: 60px;}
    .search_place button{width: 34%;}
    .megadrop {padding: 20px 0px 20px;}
    .megadrop_in h5 {font-size: 18px;}
    .megadrop_in li a {font-size: 18px;}
    .megadrop_in li {padding-bottom: 10px;}
    .dropmenu_in2 {width: 250px;padding: 20px 15px;}
    .dropmenu_in {padding: 20px 15px;width: 194px;}
    .about_con {padding: 60px 0px;}
    .about_team {margin-left: 40px;}
    .about_team_page {padding: 50px 0px 80px;}
    [data-animate="fade-down"] {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
	
	.telno {font-size: 20px;line-height: 35px;letter-spacing: 8px;}
    nav {margin-bottom: 35px;}
	.lawoff h1 br{display:block;}
}
@media (max-width: 767px) {
    .main {margin-top: 84px;}
    .logo a img{width: 140px;}
    .telno { font-size: 16px; line-height: 24px; letter-spacing: 6px; }
    header .hamburger {display: block;z-index: 9;}
    nav{position: fixed;height: 0px;width: 100%;background: var(--black);display: block;overflow: scroll;top: 0px;right: 0px;padding-top: 30px;transition: opacity 0.35s, visibility 0.35s, height 0.35s;overflow-x: scroll;visibility: hidden; margin-bottom:0px;}
    nav.open {height: 100vh;opacity: 1;visibility: visible;z-index: 9;}
    nav ul {justify-content: center;flex-direction: column;}
    nav li {margin: 0px 0px 15px;display: block;text-align: center;}
    .dropmenu, .dropmenu2, .megadrop_out{position: relative;}
    .dropmenu_in, .dropmenu_in2, .megadrop{width: 100%; margin-top: 15px;}
    .megadrop{height: 500px !important;overflow-x: scroll !important;}
    .firstdrop:hover .dropmenu,.seconddrop:hover .dropmenu2 {display: none;}
    .megadrop_con {width: 100%;flex: 1 0 100%;}
    .search_place input {font-size: 15px;padding: 0px 15px;}
    .search_place button img {width: 22px;margin-right: 10px;}
    .search_place button {width: 58%;font-size: 17px;}
    .search_place, .search_place button, .search_place input {height: 45px;}
    .search_in {margin-top: 20px;}
    .lawoff_img img {width: 25%;}
    
    .home .banner{margin-top: 88px;}
    .home .law{padding-top: 40px;}
    .lawoff h1 {font-size: 24px;margin-bottom: 20px;}
    h3 {font-size: 22px;}
	.lawoff_img .hands_img{width:120px; height:120px; padding:0px;}
	.lawoff_img .no_roundimg{width:220px; height:220px; padding:0px;}
    .lawoff h3 {padding: 25px 0px;}
    .lawoff p {font-size: 17px;}  
    .info_btn a {font-size: 17px;margin: 40px auto;width: 215px;}  
    .foot_lft {width: 100%;flex: 1 0 100%;}
    .foot_in h6 {font-size: 16px;}
    .foot_in li a {font-size: 16px;}
    .foot_in li {padding-bottom: 15px;}
    .copy_rht li {display: block;padding: 5px 0px;border-left: none;}
    .copy_lft, .copy_rht {width: 100%;}
    .copy_in {flex-direction: column;flex-wrap: wrap;}
    .copy_lft{padding-bottom: 10px;}
    .about_page {padding: 50px 0px 80px;}

    .about_con_in{flex-wrap: wrap;}
    .about_team {width: 100%;margin-left: 0px;margin-top: 40px;}
    .about_team_in {padding: 10px 10px 10px;}
    .about_team_in a {font-size: 17px;}
    .lawoff h6 {font-size: 17px;}
    .about_rht, .about_lft {width: 100%;}
    .about_team_wrap.forflex{flex-wrap: wrap;}
    .about_rht img{width: 100%;}
    .about_lft{padding-top: 40px;}
    .about_lft li a span {font-size: 19px;}
    .about_lft li a {font-size: 20px;}
    .about_lft p {font-size: 17px;}
    .about_btn a {font-size: 17px;}
    .related_articles{flex-direction: column; padding-top: 50px;}
    .related_articles a{margin: 0px auto 15px;}
    .service_lft p, .service_rht a {font-size: 17px;}
    .service_lft h3 {padding-top: 30px;padding-bottom: 0px;}
	.service_con h6{font-size:19px;}
	.service_con a{width: 215px; font-size:19px;}
	.service_rht h6 {font-size: 20px; text-align:center;}

    /* bookpages */
    .book_btn a:first-child{margin-left: 0px; margin-bottom: 20px;}
    .book_btn {flex-direction: column;align-items: center;}
    .rashlanut_articles h3 {padding: 30px 0px 30px;}
    .rashlanut_con {padding: 30px 0px;}
    .rashlanut_con h4, .rash_temp_in h4, .search_his_in h4 {font-size: 20px;}
    .rashlanut_con p, .rash_temp_in p {font-size: 16px;}
    .rash_temp h3 {padding-bottom: 20px;}
    .rashtemp_con {padding: 0px 0px 30px;}
    .rash_links{display: block;}
    .accord_head a {width: 30px;height: 30px;}
    .accord_head a i {font-size: 13px;}
    .accord_head h4 {font-size: 20px;}
    .accord_body p {font-size: 16px;padding-top: 30px;}
    .search_history h3 span {font-size: 18px;}
    .search_his_in {padding-bottom: 30px;}
    .search_foot {padding: 30px 0px;}
    .search_foot .forflex{display: block;}
    .search_foot_lft {width: 100%;}
    .search_foot_in {flex: 1 0 100%;margin-bottom: 20px;}

    /* tablecontent */
    .table_of_content{flex-wrap: wrap;}
    .table_lft{width: 100%; max-width: 100%;padding-right: 0px; padding-top: 30px;}
    .rash_art h4,.rash_art_con h5 {font-size: 20px;}
    .rash_art_con p {font-size: 16px;}

    .contact-page {padding: 50px 0 50px;}
    .contact-page .contact-form .row{margin: 0; flex-direction: column;}
    .contact-page .contact-form .col{width: 100%; padding: 0;}
    .contact-page .contact-info ul{flex-direction: column;}
    .contact-page .contact-info ul li + li::before{display: none;}
    .contact-page .contact-info{margin-bottom: 0;}
    .form-group{margin-bottom: 20px;}
	.mob_rht ul{display:block;}
	nav.active .mob_search{display:none;}
	.mob_rht{display:flex;}
	
    .banner{background-image: url(../images/bonsai-main-mobile.jpg);}
	.home .banner{background-position: center center; background-size: cover; margin-top:0 !important;}
	.banner .wrapper{display:none;}
	.top-space{margin-top:90px;}
	.lawoff h1{display:block}
	.lawoff h1 strong{display:block; position:relative;padding-bottom: 10px; margin-bottom: 10px; font-size: 30px;}
	.lawoff h1 strong:after{content: ''; height: 2px; max-width: 200px; background: var(--black); position: absolute; bottom: 0; left:50%; width: 100%;transform: translateX(-50%);}
}
@media (max-width: 561px) {
	.banner {height: 250px;}
	.lawoff h1 strong{font-size:28px;}
}
@media (max-width: 414px) {
    .service_lft a.towatch{width: 100%;}
}
@media (max-width: 374px) {
}