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

@media screen and (max-width:1600px) {
.section-pic-txt{ right:0;}
.bg-tans-content h1{ font-size:72px;}
}

@media screen and (max-width:1400px) {
.adscls .logo{ width:150px; }
.logo{ width:170px;}
}

@media screen and (max-width:1199px) {
.container{ max-width:970px;}
.txt2 {bottom: 200px; left: 20%; top:auto;}
.txt3 {bottom: 200px; left: 40.5%; top:auto;}
.section2-pic-des{ margin-top:10px;}
.section2-pic-des{ padding:45px 20px 5px;}
.section2-pic-des h2{ margin-bottom:15px;}
}

@media screen and (max-width:991px) {
.container{ max-width:750px;}
.section-pic-txt{ right:0; position:static;}
.section2-pic{ height:auto; background-position:top center !important;}
.section2-pic-des{ width:100%;}
nav{ overflow:auto; padding-left:20px; padding-right:20px;}
ul.menu{ margin-bottom:40px;}
.menu-inner{ transform:none; top:0; padding-top:40px;}
.upload-btn{ width:100%; text-align:center;}
.form-btn{ padding-top:50px; width:100%; text-align:center;}
.close-icon{ z-index:11;} 
.section2-pic-des{ margin-top:0;}
.close-icon{ top:24px; right:20px;}
.section2-pic .container{ padding-left:0; padding-right:0;} 
.footer-right{ width:140px;}
.footer-right h3, .footer-right p, ul.footer-top-left li a{ font-size:12px;}
.footer-bottom a, .footer-bottom{ font-size:11px;}
.label-txt{ font-size:13px;}
.form-row{ margin-bottom:0;}
.form-row .col-md-6, .form-row .col-md-12{ margin-bottom:15px;}
p, .question-tagg, .answer-tagg{ font-size:14px;}
h2, .h2{ font-size:30px;}
.adscls .logo{ width:70px; }
.logo{ width:80px;}
.menu-icon{ padding-top:10px;}
.header-main{ padding-bottom:10px;}
.txt1 {right: 30.6%; top: 33%;}
.txt4 {bottom: 4%; left: 10%;}
.txt5 {bottom: 4%; left: 31%;}
.bg-tans-content h1{ font-size:50px;}
.bg-tans-content{ text-align:center;}
}

@media screen and (max-width:768px) {
.txt-circle{ width:120px; height:120px;}
.section-pic-txt{ font-size:16px;}
.txt1 {right: 32%; top: 38%;}
.txt2 {left: 22%; bottom: 25%;}
.txt3 {bottom: 25%; left: 42%;}
}

@media screen and (max-width:640px) {
.bg-tans-content{ bottom:2px;}
.bg-tans-content h1{ font-size:20px; margin-bottom:15px; padding-bottom:20px;}
.bg-tans-content p{ line-height:21px; font-size:12px;}
}

@media screen and (max-width:767px) {
.section-pic-txt{ max-width:320px; margin:0 auto; position:relative;}
.txt-circle {height: 80px; width: 80px;}
.section-pic-txt{ font-size:9px;}
.txt1 {right: 27%; top: 11%;}
.txt4 {bottom: 0; left: 7%;}
.txt5 {bottom: 0; left: 27%;}
.txt2 {bottom: 26%; left: 17%;}
.txt3 {bottom: 25%; left: 37%;}
}