@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 2000px) {
.fulldiamond1{display: none;}
.fulldiamond2{display: none;}
.fulldiamond3{display: none;}
.fulldiamond4{display: none;}
.fulldiamond5{display: none;}
.fulldiamond6{display: none;}

}

 
@media only screen and (max-width: 1170px) {
    .home-wrapper .sec2 .t2 li .i1{background: url(../images/i-2-mbl.png) center center no-repeat !important;}
.home-wrapper .sec2 .t2 li .i2{background: url(../images/1-3-mbl.png) center center no-repeat !important;}
.home-wrapper .sec2 .t2 li .i3{background: url(../images/1-4-mbl.png) center center no-repeat !important;}
.home-wrapper .shape-5{display:none}
.home-wrapper .shape-2{display:none}
.home-wrapper .container{width: 98%}
header .container{width: 98%}
footer .container{width: 98%}
.inner-wrapper .container{width: 98%}
.inner-banner .container{width: 98%}
header .right{max-width: 780px}
header nav li{margin-right: 40px}
header .sec2{max-width: 480px}
header{background: url(../images/header.png) 47.3% 0 repeat}
.home-wrapper .navsld{left: 713px; top: 425px}
.main-banner{height: 700px}
.home-wrapper .shape-4{right: -545px}
.home-wrapper .shape-5{right: -520px}
header .shape1{margin-left: 100px}
.home-wrapper .shape-9{display: none;}
footer{overflow-x:hidden;}
.home-wrapper{overflow-x:hidden;}
.srchopen{width: 20px}
.inner-wrapper .blog-sec .sec1 .date-tag{right: 10px}
.inner-wrapper .contact-sec .sec2 fieldset{width: 89%}
.test-wrapper .container{width: 98%}
}

	
@media only screen and (max-width: 1022px) {
header .sec2{width: auto; float: right; padding-top: 0; margin-right: 30px}
header nav{float: right;}
header .fb{margin-right: 10px}
.srch{right: 0; top: 0}
.home-wrapper .shape-4{display: none;}
.home-wrapper .shape-5{display: none;}
.home-wrapper .shape-2{display: none;}
.home-wrapper .shape-3{display: none;}
.home-wrapper .contentsec1{background: #fff; text-align: center;}
.home-wrapper .contentsec1 .btn{display: inline-block;}
header .shape1{width: 100px; height: 100px}
header{background: #9cfef6; height: auto; padding: 10px 0 }
header .right{width: auto;}
header nav .fst{display: block;}
header .shape1{display: none;}
header .logo{background: none; margin-top: 0}
header .right{height: auto;}
.srch{width: 40px; height: 40px; background:#9cfef6 url(../images/srch-icon2.png) no-repeat 8px 8px; }
.srchclose{background: #49e2d6 url(../images/close.png) center center no-repeat; }
.srch.srchfull .searchfield{background: #49e2d6; }
.srchclose{right: 5px}
header nav{}
header .sec2{margin-right: 50px}
header .fb{width: 40px; height: 40px; background:#49e2d6 url(../images/fb.png) center center no-repeat; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.srch.srchfull .searchfield{margin-top: 3px}
.srchclose{margin-top: 3px}
.home-wrapper .shape-6{display: none;}
.home-wrapper .shape-7{display: none;}
.home-wrapper .shape-1{display: none;}
.main-banner{width: 100%; right: 0; position: relative;}
.home-wrapper .navsld{left: 40%; display: none;}
.main-banner{height: 335px; margin-top: 60px}
.home-wrapper .navdot{right: 20px}
.home-wrapper .contentsec1{width: 100%; height: auto; margin: 0; padding: 50px 0; position: relative;}
.home-wrapper .contentsec2{width: 100%; height: auto; clear: both; position: relative; margin: 0; max-width: 100%; left: 0; bottom: 0}
.home-wrapper .container{height: auto}
.home-wrapper .sec1{height: auto}
.home-wrapper .shape-8{display: none;}
.home-wrapper .sec1 .container{height: auto;}
.home-wrapper .sec2{padding: 50px 0}
.home-wrapper .sec2 .t2{padding-bottom: 0}
footer .sec3 .left{width: 30%}
footer .sec3 .right{width: 70%}
footer .sec1{padding: 50px 0}
.home-wrapper .sec2 .t2 li{width: 100%}
.home-wrapper .sec2 .t2 .mdl{margin: 20px 0}
.home-wrapper .sec2 .t2 li .d1{margin-left: 18%}
footer .container{height: 1180px;}
footer{height: 1180px}
footer{overflow-x:hidden;}
.srchopen{width: 40px}
.home-wrapper .shape-10{display: none;}

.home-wrapper .sec2 .t2 li .i1{background: url(../images/i-2-mbl.png) center center no-repeat !important;}
.home-wrapper .sec2 .t2 li .i2{background: url(../images/1-3-mbl.png) center center no-repeat !important;}
.home-wrapper .sec2 .t2 li .i3{background: url(../images/1-4-mbl.png) center center no-repeat !important;}
.inner-wrapper .about-sec .sec1{background: #f4f4f4}
.inner-wrapper .about-sec .sec1 .cnt{width: 100%; padding: 0; background: none; max-width: 100%}
.inner-wrapper .about-sec .sec1{min-height: inherit; padding: 30px 0}
.inner-wrapper .about-sec .sec2 .left{width: 70%; padding: 0; background: none}
.inner-wrapper .about-sec .sec2{padding: 30px 0}
.inner-wrapper h2{font-size: 25px; line-height: 26px}
.inner-wrapper p{font-size: 14px; line-height: 26px}
.inner-wrapper .sub-contaent{font-size: 14px; line-height: 20px}
.inner-banner .contentsec1 h1{font-size: 30px; line-height: 30px}
.inner-banner .contentsec1 h2{font-size: 14px; line-height: 18px}
.inner-banner .contentsec1 p{font-size: 14px; line-height: 24px}
.inner-banner{height: 480px}
.inner-banner .banner{height: 480px}
.inner-wrapper .service-sec .pic img{width: auto !important; height: auto !important; max-width: 100% !important}
.inner-wrapper .service-sec .cnt{width: 100%; padding-left: 0; background: none !important}
.inner-wrapper .blog-sec .sec1 .left{width: 100%; text-align: center;}
.inner-wrapper .blog-sec .sec1 .right{width: 100%; clear: both; margin-top: 30px}
.inner-wrapper .blog-sec .sec1 .left img{display: inline-block;}
.inner-wrapper .blog-sec .sec2 li{width: 47%; min-height: 510px}
.inner-wrapper .blog-sec h2{font-size: 16px; line-height: 18px}
.inner-wrapper .blogdetail-sec h2{font-size: 16px; line-height: 18px}
footer p{font-size: 15px}
.inner-wrapper .search-page h2{font-size: 18px; line-height: 20px}

}
@media only screen and (max-width: 700px) {
.main-banner{height: 277px}	
footer .container{height: auto; text-align: center;}
footer{height: auto; padding-top: 50px; background: #4b4b4b; color: #fff}
footer .sahpe2{display: none}
footer .sahpe1{display: none}
footer .cnt-tag{position: relative; top: 0}
footer .sec3 .left{width: 100%; padding-top: 0; text-align: center;}
footer .sec3 .left img{display: inline-block;}
footer .sec3{padding: 50px 0}
footer .sec3 .left .logo{margin-top: 0}
footer .sec3 .right{width: 100%; max-width: 100%}
footer .sec4{padding: 30px 0; }
footer .sec4 .left{width: 100%}
footer .sec4 .right{width: 100%; clear: both; margin-top: 10px}
footer .sec4 .right li{float: none; display: inline-block; margin: 0 2px}
footer .sec3 .right .tag .detail{text-align: left;}
footer .sec1 h2{color: #fff}
footer p{color: #fff}
footer .sec1 .gallery .txt2{color: #fff}
footer .sec2 h2 span{color: #49e2d6}
footer .sec3 .right .tag2{color: #fff}
footer .sec2 .formsec li{width: 100%; clear: both;}
footer .sec2 .formsec .mdl{margin: 10px 0}
footer .sec2 .content{height: auto;}
footer .sec2 .formsec .tbx{text-align: left; color: #fff; border-bottom: solid 1px #fff;}
footer .sec2 .formsec .tbx2{text-align: left; color: #fff; border-bottom: solid 1px #fff;}
.tbx::-webkit-input-placeholder{color: #fff; opacity: 1}
.tbx2::-webkit-input-placeholder{color: #fff; opacity: 1}
footer .sec2 .btn{float: none; display: inline-block;}
.home-wrapper .contentsec1 h1{font-size: 30px; line-height: 30px}
.home-wrapper .contentsec1 h2{font-size: 30px; line-height: 30px}
.home-wrapper p{font-size: 16px !important; line-height: 22px !important}
.home-wrapper .contentsec2 h2{font-size: 30px; line-height: 30px}
.home-wrapper .contentsec2 h3{font-size: 18px; line-height: 18px}
.home-wrapper .sec2 .t1 h2{font-size: 30px; line-height: 30px}
footer .sec1 h2{font-size: 30px; line-height: 30px}
footer .sec1 .gallery .txt2{font-size: 18px; line-height: 20px}
footer .sec2 h2{font-size: 20px}
.home-wrapper .contentsec1 .btn{width: 160px; height: 40px; line-height: 40px}
footer .sec2 .btn{width: 160px; height: 40px; line-height: 40px}
footer p{font-size: 14px; line-height: 20px}
.inner-banner .shape-1{display: none;}
.inner-banner .shape-2{display: none;}
.inner-banner .shape-3{display: none;}
.inner-banner .contentsec1{padding-top: 0}
.inner-banner .contentsec1 .btn{width: 160px; height: 40px; line-height: 40px}
.inner-banner{height: 365px}
.inner-banner .banner{height: 365px}
.inner-banner .contentsec1 h1{color: #fff}
.inner-banner .contentsec1 h2{color: #fff; margin: 10px 0}
.inner-banner .contentsec1 p{color: #fff}
.inner-banner{background: #000}
.inner-banner img{opacity: 0.5}
.inner-wrapper h2{font-size: 20px; line-height: 21px}
.inner-wrapper .service-sec .left{width: 100%; clear: both; float: right;}
.inner-wrapper .service-sec .right{width: 100%}
.inner-wrapper .service-sec .cnt{padding: 30px 0}
.inner-wrapper .blogdetail-sec .sec1 .left{width: 100%}
.inner-wrapper .blogdetail-sec .sec1 .right{width: 100%; height: auto; clear: both; margin-top: 10px}
.comment-form input[type='submit']{width: 160px; height: 40px; line-height: 40px}
footer .sec2 .formsec .tbx{width: 100%; padding-left: 0; background: none}
footer .sec2 .formsec .tbx2{width: 100%; padding-left: 0; background: none}
footer .sec2 h2 span{background: #4b4b4b}
.inner-wrapper .contact-sec .sec2 .tbx{background: none; width: 100%; padding-left: 0; font-size: 14px !important}
.inner-wrapper .contact-sec .sec2 .tarea{background: none; width: 100%; padding-left: 0; font-size: 14px !important}
.inner-wrapper .contact-sec .sec1 h2{font-size: 16px; line-height: 16px}
.inner-wrapper .contact-sec .sec2 legend{font-size: 20px; line-height: 20px}
.inner-wrapper .contact-sec .sec2 .btn{width: 160px; line-height: 40px; height: 40px}
.inner-wrapper .search-page h2{font-size: 16px; line-height: 18px}
.inner-wrapper .search-page{padding: 30px 0}
.inner-banner .contentsec1{width: 100%}

}

@media only screen and (max-width: 600px) {
.main-banner{height: 205px}
footer{padding-top: 20px}
footer .sec3 .right .tag2{font-size: 14px; line-height: 20px}
footer .sec3 .right .tag3{font-size: 14px; line-height: 14px}
.home-wrapper .sec2 .t2 li .d1{margin-left: 32%}
footer .sec2{width: 99%}
.inner-wrapper .about-sec .sec2 .left{width: 100%}
.inner-wrapper .about-sec .sec2 .right{width: 100%; clear: both;}
.inner-wrapper .about-sec .sec2 {padding-bottom: 0}
.inner-wrapper .blog-sec .sec1 .left img{width: 100% !important; height: auto !important;}
.inner-wrapper .blog-sec .sec2 li{width: 100%; margin: 10px 0; min-height: inherit;}
.inner-wrapper .blog-sec .sec2 li .pic img{width: 100% !important; height: auto !important;}
.inner-wrapper .blog-sec .sec2 .loading{font-size: 18px; line-height: 18px}
.inner-wrapper .blog-sec .sec1 .btn{width: 160px; height: 40px; line-height: 40px}
.inner-wrapper .contact-sec .sec1 li{width: 100%; clear: both; margin: 20px 0}
.inner-wrapper .contact-sec .sec1{padding: 10px 0}
.inner-wrapper .contact-sec .sec2 li{width: 100%; height: auto; clear: both; margin: 5px 0 !important}
.inner-wrapper .contact-sec .sec2 legend{font-size: 15px; line-height: 15px}
.inner-wrapper .contact-sec .sec2{padding: 60px 0}
.pop-cnt .c1{width:200px;}
footer .sec2 .formsec .status1{margin-top: 0}
.inner-wrapper .contact-sec .sec1 .mdl{margin: 20px 0}
.inner-wrapper .contact-sec .sec2 fieldset{width: 88%}
footer .sec2 .content{width: 99.2%}
.inner-banner .contentsec1 p{line-height: 20px}
}

@media only screen and (max-width: 400px) {
footer .sec3 .right .tag .detail{width: 81%}
.home-wrapper .sec2 .t2 li .d1{margin-left: 48%}
header .logo{width: 125px; margin-top: 5px}
header .sec2{margin-right: 45px}
header .fb{margin-right: 5px}
}