/*#####################################################################*/
@media screen and (min-width: 1451px) and (max-width: 1600px) {
  
}
/*#####################################################################*/
@media screen and (min-width: 1300px) and (max-width: 1450px) {
/**/
.home_banner .banner_img{height: 700px;}
/*404*/
.sec_404 .msgbox {margin: 40px 0;}
.sec_404 .head h1 {font-size: 36px;}
.sec_404 .desc p{max-width: 75%;}
/*Contact*/
.contact_sec01 .head h1{font-size: 38px;}


}
/*#####################################################################*/
@media screen and (min-width: 1100px) and (max-width: 1299px) {
/**/
.home_banner .banner_img{height: 650px;}
.home_sec02 .desc h2 {font-size: 106px;}
/*404*/
.sec_404 {padding: 60px 0;}
.sec_404 .msgbox {margin: 40px 0;}
.sec_404 .msgbox span{font-size: 250px;}
.sec_404 .head h1 {font-size: 36px;}
.sec_404 .desc p{max-width: 75%;}
/*Contact*/
.contact_sec01 .head h1{font-size: 34px;}

}
/*#####################################################################*/
@media screen and (min-width: 901px) and (max-width:1099px) {
/**/
.home_banner .banner_img{height: 650px;}
.home_sec01 .row .col-md-7 img {width: 500px; height: 600px;}
.home_sec01 .row .col-md-5 img {width: 550px; height: 475px;}
.home_sec02{padding-top: 0;}
.home_sec02 .col-md-6:nth-child(2) {margin-top: 25%;}
.home_sec02 .desc h2 {font-size: 106px;}
.home_sec02 figure img {height: 600px;}
/*404*/
.sec_404 {padding: 60px 0;}
.sec_404 .msgbox {margin: 40px 0;}
.sec_404 .msgbox span{font-size: 225px;}
.sec_404 .head h1 {font-size: 32px; line-height: 28px;}
.sec_404 .desc p{max-width: 90%; font-size: 20px;}
.sec_404 .btns a {font-size: 18px;padding: 15px 40px;}
/*About*/
.about_sec01 .col-md-4{flex: 0 0 100%; max-width: 100%;}
.about_sec01 .col-md-8{flex: 0 0 100%; max-width: 100%;}
.about_sec03 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.about_sec03 figure img{max-width: 50%; display: block; margin: 0 auto;}
.about_sec03 figure{margin-bottom: 50px;}
/*Contact*/
.contact_sec01 .head h1{font-size: 28px;}

}

/*#####################################################################*/
@media screen and (min-width: 901px) and (max-width:992px) {

.container {max-width: 840px;}
.home_sec02 .desc h2 {font-size: 90px;}
/*404*/
.sec_404 .head h1 {font-size: 30px;}


}
/*#####################################################################*/
@media screen and (min-width: 768px) and (max-width:900px) {
/**/
.home_banner .banner_img{height: 500px;}
.home_banner .desc h1 {font-size: 42px;}
.home_sec01 .row .col-md-7 img {width: 100%;height: 500px;}
.home_sec01 .row .col-md-5 img {width: 100%;height: 450px;}
.home_sec01 .row .col-md-7, .home_sec01 .row .col-md-5{flex: 0 0 50%; max-width: 50%;}
.home_sec01 .desc a{font-size: 20px;}
.home_sec02{padding-top: 0;}
.home_sec02 .col-md-6:nth-child(2) {margin-top: 20%;}
.home_sec02 .desc h2 {font-size: 76px;}
.home_sec02 figure img {height: 500px;}
/*404*/
.sec_404 {padding: 60px 0;}
.sec_404 .msgbox {margin: 40px 0 20px;}
.sec_404 .msgbox span{font-size: 200px; line-height: 90%;}
.sec_404 .head h1 {font-size: 26px; line-height: 26px;}
.sec_404 .desc p{max-width: 100%; font-size: 18px;}
.sec_404 .btns a {font-size: 18px;padding: 15px 40px;}
/*About*/
.about_sec01 {padding: 60px 0;}
.about_sec01 .col-md-4{flex: 0 0 100%; max-width: 100%;}
.about_sec01 .col-md-8{flex: 0 0 100%; max-width: 100%;}
.about_sec03 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.about_sec03 figure img{max-width: 65%; display: block; margin: 0 auto;}
.about_sec03 figure{margin-bottom: 50px;}
/*Contact*/
.contact_sec01{padding: 60px 0;}
.contact_sec01 .head h1{font-size: 28px;}
.contact_sec01 .col-md-7, .contact_sec01 .col-md-5{flex: 0 0 50%; max-width: 50%;}

}
/*#####################################################################*/
@media screen and (min-width: 681px) and (max-width:767px) {

.container {max-width: 640px;}
/**/
.home_banner .banner_img{height: 450px;}
.home_banner .desc h1 {font-size: 38px;line-height: 56px;}
.home_sec01 .row .col-md-7 img {width: 100%;height: 500px;}
.home_sec01 .row .col-md-5 img {width: 100%;height: 450px;}
.home_sec01 .row .col-md-7, .home_sec01 .row .col-md-5{flex: 0 0 50%; max-width: 50%;}
.home_sec01 .desc a{font-size: 20px;}
.home_sec02{padding-top: 0;}
.home_sec02 .col-md-6{flex: 0 0 50%; max-width: 50%;}
.home_sec02 .col-md-6:nth-child(2) {margin-top: 20%;}
.home_sec02 figure img {height: 500px;}
.home_sec02 .desc h2 {font-size: 62px;}
/*404*/
.sec_404 {padding: 60px 0;}
.sec_404 .msgbox {margin: 30px 0 20px;}
.sec_404 .msgbox span{font-size: 175px; line-height: 85%;}
.sec_404 .head h1 {font-size: 26px; line-height: 26px;}
.sec_404 .desc p{max-width: 100%; font-size: 17px;}
.sec_404 .btns {margin: 15px 0 0;}
.sec_404 .btns a {font-size: 17px;padding: 13px 35px;}
/*About*/
.about_sec01 {padding: 60px 0; }
.about_sec01 .col-md-4{flex: 0 0 100%; max-width: 100%;}
.about_sec01 .col-md-8{flex: 0 0 100%; max-width: 100%;}
.about_sec03 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.about_sec03 figure img{max-width: 65%; display: block; margin: 0 auto;}
.about_sec03 figure{margin-bottom: 50px;}
/*Global*/
.press_sec01{padding: 60px 0;}
/*Contact*/
.contact_sec01{padding: 60px 0;}
.contact_sec01 .head, .contact_sec01 .desc{margin: 0 0 25px;}
.contact_sec01 .head h1{font-size: 28px;}

}
/*#####################################################################*/
@media screen and (min-width: 501px) and (max-width:680px) {

.container {max-width: 600px;}
.sidenav a {padding: 4px 0; font-size: 22px;}
.sidenav ul{margin: 0;}
.sidenav{background-color: #000000d1;}
.home_banner .banner_img{height: 300px;}
.home_banner .desc h1 {font-size: 34px;line-height: 48px;}
.home_sec01{padding-bottom: 20px;}
.home_sec01 .row {margin-bottom: 25px;}
.home_sec01 .row .col-md-7 img {width: 100%;height: 100%;}
.home_sec01 .row .col-md-5 img {width: 100%;height: 100%;}
.home_sec01 .row .col-md-7, .home_sec01 .row .col-md-5{flex: 0 0 100%; max-width: 100%;}
.home_sec01 .desc{margin-bottom: 50px;}
.home_sec01 .desc a{font-size: 22px;}
.home_sec02{padding-top: 0;}
.home_sec02 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.home_sec02 .col-md-6:nth-child(2) {margin-top: 15%;}
.home_sec02 figure img {height: 450px;}
.home_sec02 .desc h2 {font-size: 62px;}
/*404*/
.sec_404 {padding: 60px 0;}
.sec_404 .msgbox {margin: 30px 0 20px;}
.sec_404 .msgbox span{font-size: 150px; line-height: 80%; padding: 15px;}
.sec_404 .head h1 {font-size: 22px; line-height: 24px;}
.sec_404 .desc p{max-width: 100%; font-size: 16px; line-height: 28px;}
.sec_404 .btns {margin: 15px 0 0;}
.sec_404 .btns a {font-size: 16px;padding: 13px 35px;}
/*About*/
.about_sec01 {padding: 60px 0;}
.about_sec01 .head h1 {font-size: 32px;}
.about_sec01 .col-md-4{flex: 0 0 100%; max-width: 100%;}
.about_sec01 .col-md-8{flex: 0 0 100%; max-width: 100%;}
.about_sec03 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.about_sec03 figure img{max-width: 75%; display: block; margin: 0 auto;}
.about_sec03 figure{margin-bottom: 50px;}
.about_sec03 {padding: 60px 0;}
/*Global*/
.press_sec01{padding: 60px 0;}
/*Contact*/
.contact_sec01{padding: 60px 0;}
.contact_sec01 .head, .contact_sec01 .desc{margin: 0 0 25px;}
.contact_sec01 .head h1{font-size: 26px;}

}
/*#####################################################################*/
@media screen and (min-width: 100px) and (max-width:500px) {

header .side_menu{right: 20px; }
.sidenav a {padding: 8px 0;font-size: 22px;}
.sidenav ul{margin: 0;}
.sidenav{background-color: #000000d1; }
.home_banner .banner_img{height: 300px;}
.home_banner .desc h1 {font-size: 22px;line-height: 38px;}
.home_sec01{padding-top: 40px;padding-bottom: 20px;}
.home_sec01 .row {margin-bottom: 0;}
.home_sec01 .row .col-md-7 img {width: 100%;height: 100%;}
.home_sec01 .row .col-md-5 img {width: 100%;height: 100%;}
.home_sec01 .row .col-md-7, .home_sec01 .row .col-md-5{flex: 0 0 100%; max-width: 100%;}
.home_sec01 .desc{margin-bottom: 50px;}
.home_sec01 .desc a{font-size: 22px;}
.home_sec02{padding-top: 0;padding-bottom: 60px;}
.home_sec02 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.home_sec02 .col-md-12{top: -15px; }
.home_sec02 .desc h2 {font-size: 42px;} 
.home_sec02 figure img {height: 450px;}
.home_sec02 .col-md-6:nth-child(2) {margin-top: 15%;}
/*404*/
.sec_404 {padding: 40px 0;}
.sec_404 .msgbox {margin: 30px 0 20px;}
.sec_404 .msgbox span{font-size: 100px; line-height: 100%; padding: 10px 15px;}
.sec_404 .head h1 {font-size: 20px; line-height: 22px;}
.sec_404 .desc p{max-width: 100%; font-size: 16px; line-height: 28px;}
.sec_404 .btns {margin: 15px 0 0;}
.sec_404 .btns a {font-size: 16px;padding: 12px 28px;}
/*About*/
.about_sec01 {padding: 60px 0;}
.about_sec01 .head h1 {font-size: 32px;}
.about_sec01 .col-md-4{flex: 0 0 100%; max-width: 100%;}
.about_sec01 .col-md-8{flex: 0 0 100%; max-width: 100%;}
.about_sec03 .col-md-6{flex: 0 0 100%; max-width: 100%;}
.about_sec03 figure img{max-width: 100%; display: block; margin: 0 auto;}
.about_sec03 figure{margin-bottom: 50px;}
.about_sec03 {padding: 60px 0;}
.about_sec01 .desc p, .about_sec03 .desc p {font-size: 16px;}
/*Global*/
.press_sec01{padding: 60px 0;}
/*Contact*/
.contact_sec01{padding: 60px 0;}
.contact_sec01 .head, .contact_sec01 .desc{margin: 0 0 25px;}
.contact_sec01 .head h1{font-size: 22px;}
}
/*#####################################################################*/