@media screen and (max-height: 650px) {
    .form-modal-body{transform: translate(0,-30%) !important;}
}
@media screen and (max-height: 500px) {
    .form-modal-body{transform: translate(0,0%) !important;top: 40px !important;}
}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1366px){
    .main .bl1, .bl2, .bl3 {padding: 100px 0 0;}
    .header{padding: 15px 0 10px;}
    .main .col-banner-main img{right: -72px;max-width: 745px;}
    .main .col-banner-main {padding: 140px 0 130px;}
    .bl1 h2, .bl2 h2, .bl3 h2, .bl4 h2, .bl5 h2, .bl6 h2, .content h2, h2{font-size: 32px;}
    .title-b{margin-bottom: 30px;font-size: 36px;}
    .bl5 {padding: 100px 0 0;}
    .content-bg {padding: 120px 10px !important;}
    .bl-album {padding: 85px 0;}
    .bl1{margin-bottom: 0;}
    .row-bl2-about .title-b {margin-left: 0px;margin-bottom: 40px;}
    .title-b.form-sub-title{font-size: 14px;}
    .col-banner:nth-child(1) {width: 55%;padding: 100px 5% 130px 0;}
    .col-banner:nth-child(2){padding-top: 110px;}
    .conatact-page .col-banner:nth-child(1){padding: 70px 5% 70px 0;}
    .conatact-page .bl6 {padding: 100px 0 90px;}
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1200px){
    .row-header, .row-banner-main, .row-bl1, .row-bl2, .row-2-bl2, .row-bl3, .row-bl4, .row-2-bl4, .row-bl5, .row-bl6, .row-bl7, .content-bg, 
    .row-album, .row-google-map, .row-bl-faq, .row-3-bl2, .breadcrumb-wrap, .row-bl2-about{
        max-width: 960px;
    }
    .row-banner-main .title-b {font-size: 32px;}
    .col-header:nth-child(1), .col-header:nth-child(3){width: 50%;}
    .col-header:nth-child(2){width: 0%;}
    .col-banner-main .breadcrumbs{margin: 20px 0 0px;}
    .col-banner-main .title-b {margin-bottom: 20px;}
    .main .col-banner-main img {right: -100px;max-width: 630px;}
    .main .col-banner-main {padding: 37px 0 90px;}
    .skroll{bottom: -70px;}
    .text-opacity-2, .text-opacity-3, .text-opacity-4, .text-opacity-5, .text-opacity-6, .text-opacity-7, .text-opacity-8{display: none;}
    .bl2{padding: 65px 0 0;}
    .bl2-about {padding: 0;}
    .col-bl2-about:nth-child(3) {padding: 220px 0 50px 80px;}
    .bl3, .bl4, .bl5, .bl6{padding: 85px 0 0;}
    .bl4 p {margin: 0.3em 0;}
    .wrapper.main .bl6{padding: 0;}
    .wrapper.main .content-bg {padding: 90px 10px !important;}
    .col-banner:nth-child(1){padding: 50px 5% 130px 0;}
    .col-banner:nth-child(2) {padding-top: 60px;}
    .conatact-page .col-banner:nth-child(1), .interial .col-banner:nth-child(1) {padding: 60px 5% 60px 0;}
    .content-bg {padding: 70px 10px !important;}
    .conatact-page .bl6 {padding: 40px 0 50px;}
    .conatact-page .google-map {padding-bottom: 60px;}
    .main .bl1{padding: 60px 0 0;}
    .col-header:nth-child(3){padding-top: 35px;}
    .header {padding: 0px 0 10px;}
    .col-bl2-about:nth-child(2):before{bottom: -91px;}
     .sub-cut .bl1, .category .bl1{padding: 10px 0 0;}
     .breadcrumb-wrap{padding: 0;}
}
@media screen and (max-width:1024px){
    .main .col-banner-main{z-index: 1;}
    .main .col-banner-main img {right: -26px;max-width: 630px;z-index: -3;}
    .col-bl2-about:nth-child(2):before{top: 160px;}
    .col-bl2-about:nth-child(3) {padding: 175px 0 50px 80px;}
}
@media screen and (max-width:1000px){
    .content h1, h1{font-size: 27px;}
    .content h2, h2{font-size: 25px;}
    .content h3, h3{font-size: 23px;}
    .content h4, h4{font-size: 21px;}
    .content h5, h5{font-size: 20px;}
    .content h6, h6{font-size: 18px;}
}
@media screen and (max-width:960px){
    .bl1 h2, .bl2 h2, .bl3 h2, .bl4 h2, .bl5 h2, .bl6 h2, .title-b {font-size: 32px;}
    .row-banner-main .title-b {font-size: 36px;}
    .bl1 a.btn-blog-more {padding: 11px 45px 11px 25px;}
    .bl1 a.btn-blog-more:after {right: 26px;}
    .row-banner-main .title-b span {padding-left: 0;display: inline-block;}
    .row-banner-main .title-b span:before{display: none;}
    .conatact-page .col-banner:nth-child(1), .interial .col-banner:nth-child(1) {padding: 50px 0 50px 0;width: 65%;}
    .col-bl1{width: 28.6%;}
    
}
@media screen and (max-width:900px){
    .row-header, .row-banner-main, .row-bl1, .row-bl2, .row-2-bl2, .row-bl3, .row-bl4, .row-2-bl4, .row-bl5, .row-bl6, .row-bl7, .content-bg, 
    .row-album, .row-google-map, .row-bl-faq, .row-3-bl2, .breadcrumb-wrap, .row-bl2-about{
        max-width: 800px;padding: 0 15px;
    }
    .wrapper.main .content-bg {padding: 60px 15px 70px!important;}
    .col-bl6.f {padding-left: 0;width: 100%;}
    .col-bl6.l {width: 100%;}
    .col-bl1 .title{font-size: 22px;}
    .btn-more{font-size: 16px;}
    .skroll{display: none;}
    .main .bl1 {padding: 70px 0 0;}
    .main .col-banner-main img {right: -58px;}
    .row-banner-main .title-b {font-size: 32px;}
    .row-banner-main .sub-title{max-width: 275px;}
    .bl2 {padding: 38px 0 0;}
    .col-bl2 {float: none;width: 100% !important;padding: 0 !important;}
    .row-3-bl2 .col-bl2:nth-child(2){display: none;}
    .bl2-about {padding: 60px 0 0px;}
    .col-bl2-about:nth-child(3) {padding: 75px 0 20px 70px;}
    .row-bl2-about .title-b{margin-bottom: 30px;}
    .col-bl2-about:nth-child(2):before {top: 60px;left: -500px;}
    .bl-faq {padding: 60px 0 0;}
    .col-bl6.l{margin-bottom: 60px;}
    .title-b.form-sub-title {font-size: 18px;}
    .title-b.form-title {font-size: 30px;}
    .row-banner-main .sub-title {max-width: 340px;}
}
@media screen and (max-width:800px){
    .col-bl1 .title{font-size: 17px;}
    .bl1 a.btn-blog-more {font-size: 15px;}
    .bl1 a.btn-blog-more:after{margin-top: -5px;}
    .col-bl2{text-align: left;}
    .row-2-bl2 {margin: 50px auto 0;}
    .col-bl2{float: none;width: 100%;}
    .col-bl2:nth-child(2) {padding-left: 0;}
    .col-bl2:nth-child(1) {padding-right: 0;}
    .row-bl3 .col-gallery-blog {width: 32.3%;}
    .bl5 {padding: 55px 0 0;}
    .bl5 .title-b {margin-bottom: 15px;}
    .form{padding: 40px 35px;}
    .col-bl6:nth-child(1) {padding-right: 0;}
    .bl6 .btn-send{font-size: 14px;}
    .bl6 .form{padding: 66px 30px;}
    .col-bl1 {float: none;width: 45.3%;margin: 0 2% 58px;display: inline-block;vertical-align: top;}
    .col-bl1:last-child{margin-bottom: 0;}
    .col-bl6{width: 100%;}
    .col-bl6:nth-child(2) {padding-left: 0;margin-top: 30px;text-align: center;}
    .content-bg {padding: 55px 10px !important;}
    .bl-album {padding: 60px 0 50px;}
    .google-map {padding-bottom: 80px;}
    .bl2{padding: 0;}
    .title-b.form-sub-title {font-size: 16px;}
}
@media screen and (max-width:768px){
        .main .bl1, .bl3 {padding: 50px 0 0;text-align: center;}
        .bl2{padding: 60px 0 0;}
        .sub-cut .bl2{padding: 10px 0 0;}
        .row-bl1 > .row-wrap {margin: 0 auto;max-width: 570px;}
        .col-bl1 .title{text-align: left;}
        .btn-more{margin-right: 0;}
        .col-bl2-about:nth-child(3) {padding: 75px 0 20px 35px;}
        .col-bl1 .title {font-size: 22px;}
        .conatact-page .bl6 {padding: 20px 0 50px;}
         .main .col-banner-main {padding: 35px 0 0px;text-align: center;}
         .row-banner-main .sub-title {max-width: 390px;margin: 20px auto 40px;}
         .main .col-banner-main img {right: 0;z-index: 1;max-width: 100%;top: 0;position: relative;margin-top: 40px;}
         .row-banner-main .title-b span {padding-left: 0;display: inline-block;}
         .row-banner-main .title-b span:before{display: none;}
         .col-banner:nth-child(1) {padding: 50px 0 60px 0;width: 100%;text-align: center;}
         .col-banner:nth-child(2) {padding-top: 0;width: 100%;text-align: center;padding-bottom: 90px;}
         .row-banner-main .title-b{margin: 0 auto 20px;}
}
@media screen and (max-width:700px){
    .content img{float: none!important;display: block;margin: 10px auto!important;}
    .col-gallery-blog {width: 47.5%;}
    .main .bl1{padding: 70px 0 0;}
    .col-l-f {width: 100%;margin-right: 0;margin-bottom: 40px;}
    .col-r-f{width: 100%;}
    .bl5 .form{padding: 60px 10%;}
    .bl6 .form {padding: 66px 50px;}
    .col-bl2-about:nth-child(3) {padding: 0;}
    .col-bl2-about {float: none;width: 100%;}
    .col-bl2-about:nth-child(2):before {top: 209px;}
    .row-bl2-about .title-b br{display: none;}
    .col-banner:nth-child(1) {padding: 50px 0 60px 0;width: 100%;text-align: center;}
    .col-banner:nth-child(2) {padding-top: 0;width: 100%;text-align: center;padding-bottom: 90px;}
    .bl1 {padding: 10px 0;}
    .bl6{padding-top: 30px;}
    .conatact-page .col-banner:nth-child(1), .interial .col-banner:nth-child(1) {padding: 50px 0 50px 0;width: 100%;}
    .interial .col-banner .breadcrumb-wrap, .conatact-page .col-banner .breadcrumb-wrap{display: inline-block;}
    .row-banner-main .title-b{margin: 0 auto 20px;}
    .col-bl2-about:nth-child(2):before{display: none;}
}
@media screen and (max-width:650px){
    .title-b.form-title{margin-bottom: 10px;line-height: 1.2;}
    .title-b.form-sub-title {font-size: 18px;}
}
@media screen and (max-width:600px){
    .bl5 .ec-message{width: auto;height: auto !important;}
}
@media screen and (max-width:500px){
    .content p, .content ul li,.content ol li,.content a{text-align: left;font-size: 15px;}
    .row-banner-main .title-b {font-size: 32px;}
    .row-bl3 .col-gallery-blog {width: 49%;}
    .bl4 {padding: 60px 0 0;}
    .col-rat-l, .col-rat-r {width: 100%;}
    .bl5 .col-rat-r {text-align: left;}
    .bl5 .form {padding: 50px 40px;}
    .col-bl6 li.so ul li a {margin-right: 20px;}
    .col-bl6 li.so ul:nth-child(1):before{right: 13px;}
    .bl6 .form {padding: 50px 30px;}
    .col-bl1{width: 100%;margin: 0 0 58px;}
    .row-bl1 > .row-wrap {margin: 0 auto;max-width: 330px;}
}
@media screen and (max-width:460px){
    .col-bl6 li.so ul:nth-child(2) {width: 54%;}
    .col-bl6 li.so ul:nth-child(1) {width: 45%;}
    .row-banner-main .title-b br, .im-banner-wrap:after{display: none;}
    .main .col-banner-main img{width: 460px;max-width: none;}
    .col-banner:nth-child(1) {padding: 30px 0 60px 0;}
    .banner-img{height: 340px;width: 400px;}
    .conatact-page .col-banner:nth-child(1), .interial .col-banner:nth-child(1) {padding: 30px 0 50px 0;}
}
@media screen and (max-width:400px){
    .col-bl1 {float: none;width: 100%;margin: 0 0 58px;}
    .row-bl1 > .row-wrap {margin: 0;}
    .row-bl3 .col-gallery-blog {width: 100%;}
    .row-bl3 .row-gallery-blog {margin: 0;}
    .row-bl3 .col-gallery-blog {margin: 0 0 10px;}
    .form {padding: 40px 25px;}
    .row-album > .row-wrap {margin: 0;}
    .col-gallery-blog {width: 100%;margin: 0 0 10px;}
    .content-bg .row-gallery-blog {margin: 0;}
    .main .col-banner-main img{width: 400px;}
    .col-bl6 li ul:nth-child(1) {width: 100%;margin-bottom: 20px;}
    .col-bl6 li ul:nth-child(2) {width: 100%;padding-left: 0;}
    .col-bl6 li{text-align: center;}
    .col-bl6 li.so ul:nth-child(1):before, .col-bl6 li ul li .title-contact br, .col-bl6 li span br{display: none;}
    .col-bl6 li.so ul:nth-child(1) {width: 100%;padding-top: 0px;}
    .col-bl6 li.so ul:nth-child(2) {width: 100%;padding-left: 0;padding-top: 0;}
    .col-bl6 li span:nth-child(1){margin-right: 0;}
    .col-bl6 li {margin-bottom: 10px;}
    .col-bl6 ul > li.non {margin-bottom: 35px;}
    .row-bl6{text-align: center;}
    .bl5 .form {padding: 50px 20px;}
    .banner-img{height: 300px;width: 340px;}
    .col-banner:nth-child(2){padding-bottom: 70px;}
}
@media screen and (max-width:360px){
    .col-header:nth-child(1), .col-header:nth-child(3) {width: 100%;text-align: center;}
    .col-bl1 .title {font-size: 18px;}
    .main .col-banner-main img{width: 460px;margin-left: -30%;}
    .main .col-banner-main {padding: 30px 0 0px;}
    .banner-img{height: 260px;width: 300px;}
}
@media screen and (max-width:320px){
    .main .col-banner-main img{width: 410px;margin-left: -30%;}
        .banner-img{height: 230px;width: 280px;}
}