@media screen and (min-width: 1040px) and (max-width: 1300px) { 

.section1 .item	img {height: 350px; object-fit: cover;}
.section1 .item .caption .cont {margin: 0 0 0 70px;}


}


@media screen and (min-width: 1025px) and (max-width: 1039px) { 


.section1 .item img {height: 320px; object-fit: cover;}
.section1 .owl-dots {bottom: 30px;}

.section1 .owl-nav {display: none;}



}




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

#nav ul li {margin: 0 7px 0 0;}
#nav ul li.cli {padding: 0 5px;}

#nav ul li a {font-size: 13px;}

.section1 .item img {height: 320px; object-fit: cover;}

.section1 .owl-nav {display: none;}

.section1 .owl-dots {bottom: 30px;}


.section2 .rt {margin: 30px 0 0 0; max-width: 500px;}
.section5 .rt {margin: 0 0 30px 0;}

.section6 .tab_content .liin {padding: 0 40px 30px 0;}

.sectiong1 .rt .topc .textw {position: relative; right: auto; top: auto;}
.textw .social {padding: 15px 0 0 0;}


.popup {
    width: 100%;
}


.sectionc1 .textw .social { padding: 0 0 0 30px;}


.sectioni1 .wpcf7 .project .wpcf7-list-item {width: auto; float: none; display: block; margin: 0; padding: 0 0 20px 0;}


.sectioni1 .wpcf7 .rightContent {width: 260px; float: none;     background-size: 215px 14px;}



#nav ul li a {font-size: 12px; padding: 0 5px;}

.top-header	.rt .bottomc .links	ul li {padding: 0 5px;}


.section1 .item .caption .conti h3 {font-size: 30px; line-height: 34px;}


.checlwrap1 {position: static;}



.sectioni1 .wpcf7 hr {border-top: 0;
    color: #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    height: 1px;
    margin: 50px 0;
    background: none;
    padding: 40px 0 10px;
    display: block;
}




}





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


.top-header .rt .topc .phnobar {display: none;}


.top-header .rt .topc .social { margin: 20px 10px 0 0;}
.top-header .rt .bottomc {margin: 10px 0 0;}

.top-header .rt .bottomc {display: none;}

.section1 .item .caption {position: static;}
.section1 .item img {float: none; width: auto;}

.section1 .item .caption .cont {padding: 30px 10px 70px; margin: 0 auto; text-align: center;}
.section1 .owl-dots .owlo .owli {width: auto;}

.section1 .owl-dots .owlo .owlio {float: none; text-align: center;}
.section1 .owl-dots .owl-dot {float: none; margin: 0 3px; display: inline-block;}

.section1 .owl-dots {bottom: 20px;}

.section1 .owl-nav {display: none;}

.section1 .item .caption .conti h3 {font-size: 26px; line-height: 30px;}


.section2 .lt {text-align: center;}

h4 {
    font-size: 20px;
    line-height: 20px;
}

.section2 .lt h4 {line-height: 24px;}


.section2 .rt {margin: 20px;}


.section3 .columns::after {display: none;}


.title h3 {font-size: 22px; line-height: 22px;}

.section5 .lt {
    padding: 15px 0;
}

.section6 .tabs li a {padding: 20px 10px; font-size: 18px;}


.section6 .tab_content {
    padding: 60px 5px; 
}


.section6 .tab_content .liin {padding: 0 0 30px 0;}

.section6 .tab_content .liin h4 {font-size: 18px; line-height: 22px;}

body {font-size: 14px; line-height: 18px;}


footer .foot1::after, footer .foot2::after {display: none;}

footer .foot {margin: 0 0 30px 0; max-width: 300px;}



#nav ul li {margin: 0 7px 0 0;}
#nav ul li.cli {padding: 0 5px;}

#nav ul li a {font-size: 12px; padding: 0 4px;}



.sectiong1 .links {margin: 0 0 30px 0;}
.sectiong1 .rt .topc h4 {}
.sectiong1 .rt .topc .textw {position: relative; right: auto; top: auto;}
.textw .social {padding: 15px 0 0 0;}

.title h3 {
    font-size: 18px;
    line-height: 22px;
}

.sectionl2  .img {margin: 0 0 60px 0;}


.sectionh1 .rt {margin: 40px 0 0 0; max-width: 300px;}

.sectionf1 .rt {margin: 40px 0 0 0; max-width: 300px;}
.sectionf1 .btnsw .btns1 {padding: 0 15px; margin: 0 20px 10px 0;}


.sectiona1 .owl-nav {display: none;}

.sectiona3 .topc {margin: 50px 0 0 0;}


.popup {
    width: 100%;
}
.popup iframe {
    display: block;
    height: 200px !important;
    width: 100% !important;
}

.popup .content {padding: 30px 0 20px;}



.sectionb1 .selectw {margin: 0 0 10px 0;}

.sectionc1 .rt {
    padding: 30px 0 0 0;
}

.sectionc1 .textw .social { padding: 0 0 0 30px;}
.sectionj1 .tab-in .liin .img {margin: 0 20px 30px 0;}



.sectionh2 .rt {
    margin: 0;
}
.sectionh2 .lt {
    margin: 0 0 20px 0;
}
.sectionh1 .rt {
    margin: 0;
}
.sectionh1 .lt {
    margin: 0 0 20px 0;
}

.sectione1 .recentp {padding: 20px;}

.sectionpg1 .liin .img {margin: 0 0 30px 0;}

#nav ul li a {letter-spacing: 0;}
#nav ul li a {
    font-size: 11px;
    padding: 0 4px;
}




.sectioni1 .wpcf7 .project .wpcf7-list-item {width: auto; float: none; display: block; margin: 0; padding: 0 0 20px 0;}


.sectioni1 .wpcf7 .rightContent {width: 260px; float: none;     background-size: 215px 14px;}



.top-header .rt .topc .phnobar {display: block;}






.mob-menu {display: block;}


    .top-header .rt .topc .phnobar {display: block; position: absolute; top: 0; left: 0; width: 100%; background: #004070; padding: 10px 20px;}



    header {position: relative;}
.top-header .rt .topc .phnobar::before {display: none;}

.bottom-header {display: none;}


.top-header .rt .topc .social {display: none;}


.top-header .rt .bottomc {display: block;}



.top-header .rt .bottomc .links, .search-wrap {display: none;}


#google_translate_element {display: Block; position: absolute; top: 75px; right: 65px;}


 .top-header .rt .topc .phnobar h6 {color: #ffffff; text-deocration: underline; padding: 0; margin: 0; font-size: 12px;}
    .top-header .rt .topc .phnobar h6 a {color: #87b3dd; text-decoration: underline; display: inline; padding: 0;}



#logo {position: absolute; top: 40px; left: 10px;}
#logo img {width: 80px;}



.menubtn {position: absolute; background: url(../images/menu1.png) scroll no-repeat center center; width: 27px; height: 27px; top: 73px; right: 20px;}

.head1 {}
.head1 li {float: right; width: 33.33%;}
.head1::after, .head2::after, .head3::after, .head4::after {content:""; clear: both; display: Block;}

.head1 li a {
    display: block;
    font-size: 13px;
    line-height: 55px;
    color: #ffffff;
    padding: 0 10px;
    font-weight: 800;
        letter-spacing: 0.04em;
        text-align: center;
}

.head1 li.cli3 {
    background: #0060a9;
    width: 29%;
}

.head1 li.cli2 {
    background: #fbb627;
    width: 30%;
}

.head1 li.cli1 {
    background: #008997;
    width: 41%;
}

.nav-wrap {position: absolute; top: 140px; left: 0; width: 100%; background: #ededed; z-index: 10000; display: none;}

header {height: 150px;}


.head2 {padding: 15px 0; margin: 0 15px; border-bottom: 1px solid #cbcbcb;}

.head2 .links	ul li {
    padding: 0 12px;
    position: relative;
    float: left;
    position: relative;
}

.head2 .links	ul li a {
    display: block;
    color: #808080;
    font-weight: 700;
}

.head2 .links {
    float: left;
    margin: 4px 10px 0 0;
}

.head2	ul li::after {
    content: "";
    position: absolute;
    background: #cecece;
    height: 17px;
    width: 1px;
    top: 5px;
    right: 0;
}

.head2 .social {
    float: left;
}

.head2 .social ul li {
    float: left;
    margin: 0 6px 0 0;
}

.head2 .social ul li .wh {
    display: none;
}

.head2	ul li.last::after {display: none;}

.head3 ul li {padding: 15px 0; border-bottom: 1px solid #cbcbcb; display: block; margin: 0 15px !important; position: relative;}
.head3 ul li a {font-size: 16px; line-height: 20px; color: #0060a9; font-weight: 700; padding: 0; display: inline-block;}

.top-bar-center {
    background: #ededed none repeat scroll 0 0;
}

.head3 ul li.cli {display: none;}

.head3 ul li span.arrow {background: url(../images/menu3.png) scroll no-repeat center center; position: absolute; top: 0; right: 0; width: 50px; height: 50px; z-index: 10000; cursor: pointer;}


.head3 ul li ul {padding: 5px 0 0 0;}
.head3 ul li ul li {font-size: 16px; line-height: 20px; color: #666666; border: 0; padding: 0; margin: 0px 0 5px !important;}


.is-dropdown-submenu {left: 0; background: none;}


.dropdown.menu .submenu.first-sub {background: none;}

.head3 ul li ul li a {color: #666666; font-weight: 400; font-size: 16px; line-height: 16px;}


.head4 .search-wrap {display: Block; padding: 15px; float: none; margin: 0; position: relative;}


 .search-wrap input[type="text"] {width: 100%; background: #ffffff;}


.search-wrap input[type="submit"] {position: absolute; top: 0; right: 0;}


.head4 .search-wrap form {position: relative;}


.sectioni1 .wpcf7 hr {border-top: 0;
    color: #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    height: 1px;
    margin: 50px 0;
    background: none;
    padding: 40px 0 10px;
    display: block;
}




}


@media screen and (min-width: 0px) and (max-width: 639px) { 


.title-bar {background: #b3b3b3; color: #293146; font-weight: 700;}
.top-bar-center {min-width: 1px; height: auto;}
#nav ul li {display: block; padding: 10px;}
.top-bar::before {display: none;}
.top-bar {width: 100%;} 
.top-bar-center {border-radius: 0; width: 100%;  background: rgba(0, 0, 0, 0) url("../images/bg2.png") no-repeat scroll 0 0 / 100% 100%;}
#nav ul li a {line-height: 30px;}
.dropdown.menu .submenu {position: relative; width: auto;}

.top-header .rt .topc .phnobar {display: none;}


.top-header .rt .topc .social { margin: 20px 10px 0 0;}
.top-header .rt .bottomc {margin: 10px 0 0;}

.top-header .rt .bottomc {display: none;}

.title-bar-title {color: #ffffff;}
.title-bar {
    background: #0078a7 !important;}

.bottom-header {background: none; padding: 0 0 15px 0;}
#nav ul li {float: none; margin: 0 0 10px 0; padding: 0 5px;}

#nav { background: #0078a7;}

#nav ul li.cli {float: none; padding: 0 5px;}

.section1 .item .caption {position: static;}
.section1 .item img {float: none; width: auto;}

.section1 .item .caption .cont {padding: 30px 10px 70px; margin: 0 auto; text-align: center;}
.section1 .owl-dots .owlo .owli {width: auto;}

.section1 .owl-dots .owlo .owlio {float: none; text-align: center;}
.section1 .owl-dots .owl-dot {float: none; margin: 0 3px; display: inline-block;}

.section1 .owl-dots {bottom: 20px;}

.section1 .owl-nav {display: none;}

.section1 .item .caption .conti h3 {font-size: 26px; line-height: 30px;}


.section2 .lt {text-align: center;}

h4 {
    font-size: 20px;
    line-height: 20px;
}

.section2 .lt h4 {line-height: 24px;}


.section2 .rt {margin: 20px;}


.section3 .columns::after {display: none;}


.title h3 {font-size: 22px; line-height: 22px;}

.section5 .lt {
    padding: 15px 0;
}

.section6 .tabs li a {padding: 20px 10px; font-size: 18px;}


.section6 .tab_content {
    padding: 60px 5px; 
}


.section6 .tab_content .liin {padding: 0 0 30px 0;}

.section6 .tab_content .liin h4 {font-size: 18px; line-height: 22px;}

body {font-size: 14px; line-height: 18px;}


footer .foot1::after, footer .foot2::after {display: none;}

footer .foot {margin: 0 0 30px 0; max-width: 300px;}




#nav ul li ul {position: static;}



.top-bar-center {
    background: #0078a7;}
#nav ul li ul li a {transition: all 0s !important;}


.sectiong1 .links {margin: 0 0 30px 0;}
.sectiong1 .rt .topc h4 {}
.sectiong1 .rt .topc .textw {position: relative; right: auto; top: auto;}
.textw .social {padding: 15px 0 0 0;}

.title h3 {
    font-size: 18px;
    line-height: 22px;
}



.sectiont1 p {font-size: 16px; line-height: 20px;}

.sectionl2  .img {margin: 0 0 60px 0;}



.sectionh1 .rt {margin: 40px 0 0 0; max-width: 300px;}


.sectionf1 .rt {margin: 40px 0 0 0; max-width: 300px;}
.sectionf1 .btnsw .btns1 {padding: 0 15px; margin: 0 20px 10px 0;}


.sectiona1 .owl-nav {display: none;}

.sectiona3 .topc {margin: 50px 0 0 0;}


.popup {
    width: 100%;
}
.popup iframe {
    display: block;
    height: 200px !important;
    width: 100% !important;
}

.popup .content {padding: 30px 0 20px;}



.sectionb1 .selectw {margin: 0 0 20px 0;}
.sectionb1 .selectw h5 {line-height: 40px;}




.sectionc1 .rt {
    padding: 30px 0 0 0;
}



.sectionc1 .textw .social { padding: 0 0 0 30px;}

.section6 .tabs li a {font-size: 14px;}
.sectionj1 .tab-in .liin .img {margin: 0 20px 30px 0;}


.sectionj1 .tab-in .liin h5 {line-height: 24px;}


.sectionh2 .rt {
    margin: 0;
}
.sectionh2 .lt {
    margin: 0 0 20px 0;
}
.sectionh1 .rt {
    margin: 0;
}
.sectionh1 .lt {
    margin: 0 0 20px 0;
}

.sectione1 .recentp {padding: 20px;}


.sectionpg1 .liin .img {margin: 0 0 30px 0;}



.sectionj1 .section6 .tabs li {
    margin: 0 10px 0 0;
}

.section6 .tabs li a {
    font-size: 13px;
}


.accw ul li h5 {font-size: 16px; line-height: 20px;}


.mob-menu {display: block;}


    .top-header .rt .topc .phnobar {display: block; position: absolute; top: 0; left: 0; width: 100%; background: #004070; padding: 10px 20px;}



    header {position: relative;}
.top-header .rt .topc .phnobar::before {display: none;}

.bottom-header {display: none;}


.top-header .rt .topc .social {display: none;}


.top-header .rt .bottomc {display: block;}



.top-header .rt .bottomc .links, .search-wrap {display: none;}


#google_translate_element {display: Block; position: absolute; top: 75px; right: 65px;}


 .top-header .rt .topc .phnobar h6 {color: #ffffff; text-deocration: underline; padding: 0; margin: 0; font-size: 12px;}
    .top-header .rt .topc .phnobar h6 a {color: #87b3dd; text-decoration: underline; display: inline; padding: 0;}



#logo {position: absolute; top: 40px; left: 10px;}
#logo img {width: 80px;}



.menubtn {position: absolute; background: url(../images/menu1.png) scroll no-repeat center center; width: 27px; height: 27px; top: 73px; right: 20px;}

.head1 {}
.head1 li {float: right; width: 33.33%;}
.head1::after, .head2::after, .head3::after, .head4::after {content:""; clear: both; display: Block;}

.head1 li a {
    display: block;
    font-size: 13px;
    line-height: 55px;
    color: #ffffff;
    padding: 0 10px;
    font-weight: 800;
        letter-spacing: 0.04em;
        text-align: center;
}

.head1 li.cli3 {
    background: #0060a9;
    width: 29%;
}

.head1 li.cli2 {
    background: #fbb627;
    width: 30%;
}

.head1 li.cli1 {
    background: #008997;
    width: 41%;
}

.nav-wrap {position: absolute; top: 140px; left: 0; width: 100%; background: #ededed; z-index: 10000; display: none;}

header {height: 150px;}


.head2 {padding: 15px 0; margin: 0 15px; border-bottom: 1px solid #cbcbcb;}

.head2 .links	ul li {
    padding: 0 12px;
    position: relative;
    float: left;
    position: relative;
}

.head2 .links	ul li a {
    display: block;
    color: #808080;
    font-weight: 700;
}

.head2 .links {
    float: left;
    margin: 4px 10px 0 0;
}

.head2	ul li::after {
    content: "";
    position: absolute;
    background: #cecece;
    height: 17px;
    width: 1px;
    top: 5px;
    right: 0;
}

.head2 .social {
    float: left;
}

.head2 .social ul li {
    float: left;
    margin: 0 6px 0 0;
}

.head2 .social ul li .wh {
    display: none;
}

.head2	ul li.last::after {display: none;}

.head3 ul li {padding: 15px 0; border-bottom: 1px solid #cbcbcb; display: block; margin: 0 15px !important; position: relative;}
.head3 ul li a {font-size: 16px; line-height: 20px; color: #0060a9; font-weight: 700; padding: 0; display: inline-block;}

.top-bar-center {
    background: #ededed none repeat scroll 0 0;
}

.head3 ul li.cli {display: none;}

.head3 ul li span.arrow {background: url(../images/menu3.png) scroll no-repeat center center; position: absolute; top: 0; right: 0; width: 50px; height: 50px; z-index: 10000; cursor: pointer;}


.head3 ul li ul {padding: 5px 0 0 0;}
.head3 ul li ul li {font-size: 16px; line-height: 20px; color: #666666; border: 0; padding: 0; margin: 0px 0 5px !important;}


.is-dropdown-submenu {left: 0; background: none;}


.dropdown.menu .submenu.first-sub {background: none;}

.head3 ul li ul li a {color: #666666; font-weight: 400; font-size: 16px; line-height: 16px;}


.head4 .search-wrap {display: Block; padding: 15px; float: none; margin: 0; position: relative;}


 .search-wrap input[type="text"] {width: 100%; background: #ffffff;}


.search-wrap input[type="submit"] {position: absolute; top: 0; right: 0;}


.head4 .search-wrap form {position: relative;}




.sectioni1 .wpcf7 .project .wpcf7-list-item {width: auto; float: none; display: block; margin: 0; padding: 0 0 20px 0;}


.sectioni1 .wpcf7 .rightContent {width: 260px; float: none;     background-size: 215px 14px;}


 /************************/
    

    
    .titlt h3 {font-size: 20px; line-height: 24px;}
    
    .sectionr1 .cont h2 {font-size: 26px; line-height: 30px;}
    
    .sectionr1 .cont h2 small {margin: 5px 0 0 0;}
    
    
    .sectionr1 ul li {display: block;}
    
    .sectionr1 ul li.icon {top: auto; left: auto; margin: 0 auto; padding: 20px 0;}
    
    .sectionr2 img {margin: 0 auto;}
    .sectionr2 {text-align: center;}
    
    .sectionr2 .liin h5 {font-size: 16px; line-height: 22px;}
    .sectionr2 .liin {max-width: 260px; margin: 0 auto 30px;}
    
    
    
    .sectionr3 img {margin: 0 auto;}
    .sectionr3 {text-align: center;}
    
    .sectionr3 .liin h5 {font-size: 16px; line-height: 22px;}
    .sectionr3 .liin {max-width: 260px; margin: 0 auto 30px;}
    
    
    
     /************************/
    
    
    
    
    .sectioni1 .wpcf7 hr {border-top: 0;
    color: #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    height: 1px;
    margin: 50px 0;
    background: none;
    padding: 40px 0 10px;
    display: block;
}
    
    
    
    

}