@media only screen and (max-width: 1699px){
	.container {max-width: 1320px;}
	.mainbanner .textinfo h2 {line-height: 70px; font-size: 64px;}
	.mainbanner .textinfo p {line-height: 30px; width: 680px; font-size: 20px;}
	.section-h2 {padding-top: 110px; padding-bottom: 100px;}
	.section-h2 .adslider, .section-h3 .upadslider, .section-lt3 .tradislider, .section-sut5 .adslider {padding-top: 30px; width: calc(((100% - 1920px) / 2) + 1780px - (1780px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1780px - (1780px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1780px - (1780px / 12));}
	.section-h2 .adslider .owl-nav, .section-h3 .upadslider .owl-nav, .section-lt3 .tradislider .owl-nav, .section-sut5 .adslider .owl-nav {top: -74px; right: 5.2%;}
	.section-h2 .adsbox .info {padding: 25px 0px;}
	.ctextinfo h4 {font-size: 32px;}
	.ctextinfo p {font-size: 18px; line-height: 30px; padding-top: 18px;}
	.section-h2 .adsbox .info h4 a {margin-top: 8px;}
	.section-h3 {padding: 110px 0 120px;}
	.section-h3 .upadbox .info {padding: 60px 80px 0px;}
	.section-h4 {padding-bottom: 130px;}
	.cdaylistbox {padding-top: 60px;}
	.cdaylistbox .cdaybox .dayinfodetails {padding-left: 230px;}
	.cdaylistbox .cdaybox .dayinfo h4, .cdaylistbox .cdaybox .dayno {font-size: 32px;}
	.section-h5 {padding: 120px 0;}
	.section-h5 .ctitle {margin-bottom: 60px;}
	.section-h5 .owl-nav .owl-prev {left: 175px;}
	.section-h5 .owl-nav .owl-next {right: 175px;}

	.histobanner .textinfo, .testlocalbanner .textinfo, .sustainbanner .textinfo {top: 50%;}
	.section-hic2 {padding-bottom: 160px;}
	.section-hic2 .textinfo1 {padding-left: 70px;}
	.section-hic3 .textinfo1 .ctextinfo {max-width: 587px;}
	.section-hic4 {padding: 155px 0px;}
	.section-hic4 .textinfo1 .ctextinfo {padding: 81px 350px 89px 80px;}
	.subtitle1 {font-size: 42px !important;}
	.section-hic4 .textinfo1 .imgpart {width: 570px; height: 570px;}

	.section-lt2 .localinfobox .textinfo1, .section-sut2 .textinfo2 {padding-right: 80px;}
	.section-lt2 .localinfobox .textinfo2, .section-sut2 .textinfo1, .section-sut3 .textinfo1 {padding-left: 80px;}
	.section-lt3 .tradibox .info {padding: 0 60px;}
	.section-lt3 .tradibox .info h4 {font-size: 42px; margin: 0px;}
	.section-lt2 .localinfobox .ctextinfo h4 span {font-size: 30px;}
	.section-lt3 {margin-top: 0px; padding-bottom: 150px;}

	.section-sut2 {padding-bottom: 150px;}
	.section-sut3 {padding: 150px 0px;}
	.section-sut4, .section-sut5 {padding: 120px 0px;}
	.section-sut4 .cright {padding-top: 40px;}
	.section-sut6 .mapimgbox {right: -70px;}
	.section-sut7 {padding: 120px 0px 200px;}
	.worldbox .worldinner .info {font-size: 30px; line-height: 36px;}
}
@media only screen and (max-width: 1499px){
	.section-h5 .owl-nav .owl-prev {left: 125px;}
	.section-h5 .owl-nav .owl-next {right: 125px;}
}
@media only screen and (max-width: 1399px){
	.container {max-width: 1140px;}
	.ctextinfo h4 {line-height: 40px;}
	.section-h2 .adslider, .section-h3 .upadslider, .section-lt3 .tradislider, .section-sut5 .adslider {width: calc(((100% - 1920px) / 2) + 1690px - (1690px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1690px - (1690px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1690px - (1690px / 12));}
	.section-h3 .upadbox .info {padding: 30px 60px 0px;}
	.section-h2 .adsbox .info p {padding-right: 5px;}
	.section-h3 .upadbox .info h4 {font-size: 38px; line-height: 50px; margin: 10px 0px 0px;}
	.section-h4 {padding-top: 0px;}

	.section-hic2 {padding-bottom: 110px;}
	.section-hic3 .textinfo1 .ctextinfo {max-width: 510px;}
	.section-hic3 .clsrow2 .imgbox {height: 740px;}
	.section-hic3 .imgbox img {height: 100%; object-fit: cover;}
	.subtitle1 {padding-bottom: 10px;}
	.section-hic4 {padding: 120px 0px;}
	.section-hic4 .textinfo1 .imgpart {width: 480px; height: 480px;}
	.section-hic4 .textinfo1 .ctextinfo {padding: 80px 258px 80px 60px;}
	.section-hic4:after {height: 600px;}

	.section-lt2 .localinfobox {padding: 40px 0px;}
	.section-lt2 .localinfobox .textinfo1, .section-sut2 .textinfo2 {padding-right: 40px;}
	.section-lt2 .localinfobox .textinfo2, .section-sut2 .textinfo1, .section-sut3 .textinfo1 {padding-left: 40px;}
	.section-lt2 .localinfobox .ctextinfo h4 span {font-size: 24px;}
	.section-lt3 .tradibox .imgbox {height: 500px;}
	.section-lt3 .tradibox .imgbox img {height: 100%; object-fit: cover;}

	.section-sut2 .azraqbox1 {margin-bottom: 70px;}
	.section-sut6 {padding-bottom: 150px;}
	.section-sut6 .mapimgbox {right: -200px; top: 0px;}
	.section-sut7 .vbtn {margin-top: 3px;}
}
@media only screen and (max-width: 1199px){
	.container {max-width: 960px;}
	.mainbanner .textinfo {margin-top: 30px;}
	.mainbanner .textinfo h2 {line-height: 57px; font-size: 52px;}
	.mainbanner .textinfo p {padding-top: 20px;}
	.section-h2 {padding-top: 80px; padding-bottom: 70px;}
	.section-h2 .adslider, .section-h3 .upadslider, .section-lt3 .tradislider, .section-sut5 .adslider {width: calc(((100% - 1920px) / 2) + 1580px - (1580px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1580px - (1580px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1580px - (1580px / 12));}
	.section-h3 {padding: 80px 0 90px;}
	.section-h3 .upadbox .info {padding-bottom: 30px;}
	.cdaylistbox .cdaybox .dayinfodetails {padding-left: 160px;}
	.section-h4 {padding-bottom: 80px;}
	.section-h5 {padding: 90px 0;}
	.section-h5 .owl-nav button {width: 60px; height: 60px;}
	.section-h5 .owl-nav .owl-prev {left: 43px;}
	.section-h5 .owl-nav .owl-next {right: 43px;}

	.subtitle1 {font-size: 36px !important;}
	.section-hic2 .textinfo1 {padding-left: 30px;}
	.section-hic3 .textinfo1 .ctextinfo {max-width: 438px;}
	.section-hic3 .clsrow1 .imgbox {height: 600px;}
	.section-hic3 .clsrow2 .imgbox {height: 800px;}
	.section-hic4:after {height: 510px;}
	.section-hic4 .textinfo1 .imgpart {width: 390px; height: 390px;}
	.section-hic4 .textinfo1 .ctextinfo {padding: 40px 198px 40px 50px;}

	.section-lt2 {padding: 40px 0px;}
	.section-lt3 {padding-top: 80px;}
	.section-lt3 .tradibox .imgbox {height: 310px;}
	.section-lt3 .tradibox .info {padding: 30px 60px;}
	.section-lt3 .tradibox .info h4 {font-size: 36px;}

	.section-sut2 {padding-bottom: 100px;}
	.section-sut2 .azraqbox2 .textinfo2 .ctextinfo p {padding-top: 0px;}
	.section-sut3 {padding: 100px 0px;}
	.section-sut4, .section-sut5 {padding: 90px 0px;}
	.section-sut4 .cright {padding-top: 30px;}
	.cright li {padding-left: 30px;}
	.section-sut4 .cright {padding-top: 10px;}
	.section-sut5 .adsbox .info {padding: 25px 0px;}
	.section-sut5 .adslider .item {padding-bottom: 0px;}
	.section-sut6 {padding-bottom: 90px;}
	.section-sut6 .textinfo1 .ctextinfo h4 {margin-bottom: 20px;}
	.section-sut6 .mapimgbox {right: -310px; top: 20px;}
	.section-sut7 {padding: 90px 0px 100px;}
	.section-sut7 .ctitle {margin-bottom: 15px;}
	.worldbox .worldinner .info {padding: 20px;}
}
@media only screen and (max-width: 991px){
	.container {max-width: 720px;}
	.mainbanner {height: 600px;}
	.mainbanner img {height: 100%; object-fit: cover;}
	.mainbanner .textinfo p {width: 100%;}
	.section-h2 .adslider, .section-h3 .upadslider, .section-lt3 .tradislider, .section-sut5 .adslider {width: calc(((100% - 1920px) / 2) + 1450px - (1450px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1450px - (1450px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1450px - (1450px / 12));}
	.section-h3 .upadbox .imgbox {width: 100%;}
	.section-h3 .upadbox .info {width: 100%; padding: 30px;}
	.cdaylistbox .cdaybox .dayinfo {width: calc(100% - 200px); padding-right: 15px;}
	.cdaylistbox .cdaybox .dayimg {width: 200px;}
	.cdaylistbox .cdaybox .dayimg img {width: 100%;}
	.cdaylistbox .cdaybox .dayinfodetails {padding-left: 0; width: 100%; float: left;}
	.cdaylistbox .cdaybox .dayinfo h4, .cdaylistbox .cdaybox .dayno {font-size: 24px;}
	.cdaylistbox .cdaybox .dayinfo p {padding-top: 10px;}
	.cdaylistbox .cdaybox {padding: 20px 0px;}
	.section-h5 .owl-nav .owl-prev {left: 20px;}
	.section-h5 .owl-nav .owl-next {right: 20px;}
	footer {text-align: center;}
	footer .copyright {width: 100%; margin-bottom: 15px;}
	footer .social {display: inline-block; float: none !important;}

	.section-hic2 {padding-bottom: 60px;}
	.section-hic2 .textinfo1 {padding: 30px 15px;}
	.section-hic3 .textinfo1 .ctextinfo {max-width: 690px; padding: 40px 0 60px;}
	.section-hic3 .clsrow1 .imgbox, .section-hic3 .clsrow2 .imgbox {height: auto;}
	.section-hic4 {padding: 100px 0px;}
	.section-hic4 .textinfo1 .ctextinfo {padding: 40px 50px;}
	.section-hic4 .textinfo1 .imgpart {position: relative; width: 100%; height: auto; right: initial;}

	.section-lt2 .localinfobox .textinfo1, .section-sut2 .textinfo2 {padding-right: 15px; padding-left: 15px; padding-top: 30px;}
	.section-lt2 .localinfobox .textinfo2, .section-sut2 .textinfo1, .section-sut3 .textinfo1 {padding-top: 30px; padding-left: 15px; padding-right: 15px;}
	.section-lt3 {padding-bottom: 80px;}
	.section-lt3 .tradibox {display: inline-block !important;}
	.section-lt3 .tradibox .imgbox {width: 100%;}
	.section-lt3 .tradibox .info {width: 100%;}

	.section-sut5 .adsbox .info, .section-sut6 {padding-bottom: 0px;}
	.section-sut6 .textinfo1 .ctextinfo {padding-right: 15px;}
	.section-sut6 .mapimgbox {right: -100px; top: -100px; position: relative;}
	.section-sut7 .ctitle h3 {width: 510px;}
	.section-sut7 .vbtn {margin-top: 23px;}
}
@media only screen and (max-width: 767px){
	.container {width: auto;}
	.ctitle h3, .section-h3 .upadbox .info h4 {font-size: 28px; line-height: 36px;}
	.ctitle span {margin-bottom: 5px;}
	.mainbanner {height: 430px;}
	.mainbanner .textinfo h2 {line-height: 40px; font-size: 36px;}
	.mainbanner .textinfo p {font-size: 18px; line-height: 26px;}
	.section-h2 {padding-top: 40px; padding-bottom: 30px;}
	.commonslider .owl-nav {width: 95px;}
	.commonslider .owl-nav button {width: 42px; height: 42px;}
	.section-h2 .adslider, .section-h3 .upadslider, .section-lt3 .tradislider, .section-sut5 .adslider {width: 100%; padding-left: 5px; padding-top: 0px;}
	.section-h2 .adslider .owl-nav, .section-h3 .upadslider .owl-nav, .section-lt3 .tradislider .owl-nav, .section-sut5 .adslider .owl-nav {top: -35px; right: 15px;}
	.section-h2 .adslider .item, .section-h3 .upadslider .item, .section-lt3 .tradislider .item, .section-sut5 .adslider .item {padding: 30px 10px 0px;}
	.ctextinfo h4 {font-size: 26px; line-height: 34px;}
	.section-h3 {padding: 40px 0 50px;}
	.cdaylistbox {padding-top: 30px;}
	.cdaylistbox .cdaybox .dayinfo {width: calc(100% - 160px);}
	.cdaylistbox .cdaybox .dayimg {width: 160px;}
	.cdaylistbox .cdaybox .dayinfo h4, .cdaylistbox .cdaybox .dayno {font-size: 22px;}
	.cdaylistbox .cdaybox .dayinfo p {font-size: 18px;}
	.section-h4 {padding-bottom: 40px;}
	.section-h5 {padding: 40px 0;}
	.section-h5 .ctitle {margin-bottom: 30px;}
	.section-h5 .owl-nav .owl-prev {left: 10px;}
	.section-h5 .owl-nav .owl-next {right: 10px;}
	footer {padding: 30px 0px;}

	.section-hic2 {padding-bottom: 20px;}
	.subtitle1 {font-size: 30px !important; padding-bottom: 0px;}
	.section-hic3 .textinfo1 .ctextinfo {max-width: 100%; padding: 30px 15px 50px;}
	.section-hic4 {padding: 60px 0px;}

	.section-lt2 {padding: 0px;}
	.section-lt2 .localinfobox {padding-bottom: 20px;}
	.section-lt3 {padding: 40px 0px; margin-top: 30px;}
	.section-lt3 .tradibox .info {padding: 25px 30px 30px;}
	.section-lt3 .tradibox .info h4 {font-size: 30px; line-height: 40px;}

	.section-sut2 .azraqbox1 {margin-bottom: 50px;}
	.section-sut2 {padding-bottom: 60px;}
	.section-sut3 {padding: 60px 0px;}
	.section-sut4, .section-sut5 {padding: 50px 0px;}
	.cdott li, .cright li {font-size: 18px; line-height: 26px; margin-top: 15px; background-position: 0px 8px;}
	.cdott li {background-position: 0px 11px; padding-left: 25px;}
	.section-sut5 .ctitle h3 {width: 420px;}
	.section-sut5 .adslider .owl-nav {top: -50px;}
	.section-sut6 .textinfo1 .ctextinfo h4 {margin-bottom: 0px;}
	.section-sut6 .textinfo1 .ctextinfo {position: relative; z-index: 5;}
	.section-sut6 .mapimgbox {padding-bottom: 40px; top: initial; margin-top: -80px; z-index: 1;}
	.section-sut6 .mapimgbox img {max-width: 100%;}
	.section-sut7 {padding: 40px 0px 50px;}
	.section-sut7 .ctitle h3 {width: 310px;}
	.vbtn {line-height: 42px;}
	.vbtn span {width: 42px; height: 42px; margin-left: 20px;}
	.worldbox .worldinner {margin-top: 20px;}
}
@media only screen and (max-width: 575px){
	header {padding: 20px 0;}
	.ctextinfo p {font-size: 16px; line-height: 27px; padding-top: 15px;}
	.section-h3 .upadslider .owl-nav {width: 100%; top: 40%; right: initial; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.section-h3 .upadslider .owl-nav .owl-prev {left: 10px;}
	.section-h3 .upadslider .owl-nav .owl-next {right: 15px;}
	.section-h3 .upadbox .info {padding: 20px;}
	.section-h3 .upadbox .info .datebox {margin-left: 20px;}
	.section-h3 .upadbox .info .bbtn {margin-top: 25px;}
	footer .social a {width: 42px; height: 42px;}
	footer .social span {line-height: 38px;}

	.section-hic4 .textinfo1 .ctextinfo {padding: 20px 30px 30px;}

	.section-lt2 .localinfobox {padding-bottom: 0;}
	.section-lt2 .localinfobox .textinfo1, .section-lt2 .localinfobox .textinfo2, .section-sut2 .textinfo1, .section-sut2 .textinfo2 {padding-top: 20px;}

	.section-sut2 {padding-top: 20px;}
	.section-sut6 .textinfo1 {padding-top: 40px;}
	.section-sut7 .ctitle h3 {width: 270px;}
}
@media only screen and (max-width: 479px){
	.bbtn, .gbtn {height: 56px; padding: 13px 0px;}
	header .logo {width: 100%; padding:0 0 15px; text-align: center;}
	header .rheader {width: 100%;}
	header .rheader a {width: 100%; height: 45px; line-height: 42px;}
	.mainbanner .textinfo {margin-top: 60px;}
	.mainbanner .textinfo h2 {line-height: 34px; font-size: 30px;}
	.mainbanner .textinfo p {font-size: 16px; line-height: 22px;}
	.section-h2 .adsbox .info {padding: 15px 0px;}
	.section-h3 .upadslider .owl-nav {top: 35%;}
	.section-h3 .upadbox .info .datebox {margin-left: 0px; margin-top: 5px; width: 100%;}
	.section-h3 .upadbox .info .bbtn {width: 100%;}
	.cdaylistbox .cdaybox {display: inline-block !important; padding: 14px 0px 25px;}
	.cdaylistbox .cdaybox .dayinfo {width: 100%; padding: 0 0 20px;}
	.cdaylistbox .cdaybox .dayimg {width: 100%;}
	.section-h4 {padding-bottom: 20px;}
	.section-h5 {padding: 30px 0;}
	footer .copyright p {font-size: 13px;}
	footer .social span {font-size: 16px; margin-right: 5px;}

	.histobanner .textinfo {margin-top: 40px;}
	.section-hic2 {padding-top: 20px;}
	.section-hic3 .textinfo1 .ctextinfo {padding-bottom: 40px;}
	.section-hic4 {padding: 40px 0px;}

	.section-lt3:before {width: 68%;}
	.section-lt3 .tradibox .info {padding: 15px 20px 20px;}

	.section-sut5 .ctitle h3 {width: 300px;}
	.section-sut5 .adslider .owl-nav {top: -76px;}
	.section-sut5:before {height: 37%;}
	.section-sut5 .adsbox .info {padding: 15px 0px;}
	.worldbox .worldinner .info {font-size: 26px;line-height: 32px;}
	.section-sut7 .ctitle h3 {width: 100%;}
	.section-sut6 .mapimgbox {margin-top: -20px;}
	.section-sut7 {padding-top: 30px;}
	.section-sut7 .vbtn {margin-top: 10px; float: left;}
}
@media only screen and (max-width: 359px){
	.section-h2 .adslider .owl-nav {width: 100%; top: 20%; right: initial; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.section-h2 .adslider .owl-nav button, .section-lt3 .tradislider .owl-nav button {background-color: #fff;}
	.section-h2 .adslider .owl-nav .owl-prev {left: 10px;}
	.section-h2 .adslider .owl-nav .owl-next {right: 15px;}
	.section-h3 .upadslider .owl-nav {top: 23%;}
	footer .social a {margin-left: 8px;}
	footer .copyright p br {display: none;}

	.section-hic3 .textinfo1 .ctextinfo {padding: 25px 10px 40px;}
	.section-hic4 .textinfo1 .ctextinfo {padding: 20px 20px 30px;}
	.subtitle1 {font-size: 26px !important; line-height: 30px;}

	.section-lt3:before {width: 73%;}
	.section-lt3 .tradislider .owl-nav {right: 5px;}
	.section-lt3 .ctitle span {letter-spacing: 1px;}
}