@media (max-width:1780px) {
.top_part .inner:before{ content:""; width:288px; height:237px; top:9px; left:87%;}
}

@media (max-width:1500px) {
.container{ width:96%; margin:0 auto; padding:0;}
.top_part:before{ left:90%; right:auto;}
.top_part .inner:before{ content:""; width:234px; height:192px; top:37px;}
}

@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}
.top_part .logo{ width:150px;}
.top_part figure{ margin-left:-50px;}
.top_part:before{ display:none;}
.top_part p{ width:100%; margin:0 0 0 -10px; font-size:30px; padding: 10px 0 0 0; text-align:center;}
.top_part p:before{ content:""; width:auto; height:100px; right:0; left:-80px; top:-15px; background:url(../images/top_txt_curve.png) no-repeat top center; background-size:80% 100%;}
.newest_sec .white_box{ padding:28px 30px 30px 30px;}
.test_block{ padding:30px 20px; margin-bottom:30px;}
.test_block h3 { font-size: 33px;}
.newest_block h3{ font-size: 23px;}
.white_box.white_box_right{ padding:30px 15px;}
.category_block{ padding-bottom:30px;}
.fb_block{ margin-bottom:40px;}
.white_box.white_box_right .global_title {   font-size: 37px;}
.magical_block .detail{ padding:15px; margin-top:12px;}
.magical_block ul{ margin-bottom:0;}
.magical_block p{font-size:14px; line-height:21px;}
.magical_block h3{ font-size: 16px; margin:0 0 7px 0; line-height:normal;}
.cat_list h3{ font-size:16px;}
ul.copyright_link li{ padding:0 16px;}
.social_info{ margin-bottom:30px;}
.social_info li a{ width:42px; height:42px; line-height:42px; font-size:18px;}
.twit_block{ margin-bottom:40px;}
.newest_sec{ padding-bottom:60px;}
.copyright{ font-size:16px;}
.top_part .inner:before{ display:none;}

}

/************ Main **************/
@media (max-width: 991px) {
.top_part .logo{ width:130px;}
.top_part p{ font-size:22px; padding-left:50px; margin:0 0 0 -50px;}
.top_part p:before{ height:82px; left:-40px; right:-40px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:15px;}
.global_title{ font-size:40px;}
.magical_block .detail{ margin-top:35px; padding:20px;}
.newest_sec .white_box{ float:left; margin-bottom:30px; height:auto;}
.twit_block{ position:relative; float:none; height:100%; margin-bottom:0;}
.fb_block{ margin-bottom:0; position:relative; float:none; height:100%;}
.social_info{ margin-top:40px; width:50%;}
.srch_info{ width:50%; float:right; margin-top:-91px; padding-left:15px;}
.newest_sec{ padding-bottom:40px;}
.scl_content .big_block .cap{ font-size:23px; padding: 95px 15px 23px 15px;}
.social_sec{ padding-bottom:40px;}
.copyright p{ width:100%; text-align:center;}
ul.copyright_link{ width:100%; text-align:center; margin-top:10px;}
ul.copyright_link li:first-child{ border-left:none;}
footer{ padding-bottom:30px;}
.top_part figure{ margin-top:0;}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}

.nav_sec{ padding:15px 0 0 0;}
.nav_sec .navbar{ padding:4px 0;}
.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  

.nav_sec .navbar-light .navbar-nav li{ border-left:none; border-top:1px solid #764ec0; text-align:left;}
.nav_sec .navbar-light .navbar-nav li:first-child{ border-radius:0;}
.nav_sec .navbar-light .navbar-nav li:last-child{ border-radius:0;}
.nav_sec .navbar-light .navbar-nav li:first-child .nav-link{ border-radius:0;}
.nav_sec .navbar-light .navbar-nav li:last-child .nav-link{ border-radius:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:10px 15px;}

.top_part figure{ margin-left:-78px;}
.top_part p{ font-size:18px; padding-left:0; margin:-10px 0 0 -60px;}
.top_part p:before{ height:70px; top:-12px; left:-75px; background-size:70% 100%;}
.social_sec .scl_links{ border-radius:10px !important;}
.newest_sec .white_box{ padding:28px 15px 30px 15px;}
.global_title { font-size: 35px;}
.newest_sec{ padding-top:15px;}
.newest_block{ margin-bottom:40px;}
.newest_block figure, .newest_block figure img{ border-radius:10px 10px 0 0;}
.newest_block .detail{ margin:0; padding:0;}
.newest_block .dtl_inn{ padding:31px 15px 35px 15px; border-radius:0 0 10px 10px;}
.newest_block .spell{ position:relative; bottom:0; left:0; z-index:2; border-radius:10px; padding:2px 14px 4px 14px; margin-bottom:10px;}
.newest_block .othr{ display:inline-block; margin-left:10px;}
.newest_block h3 { font-size: 18px;}
.newest_block p{ font-size:14px; line-height:23px;}
.newest_block .more_link{ margin-top:5px;}
.newest_social{ float:left; width:100%;}
.newest_social li:first-child{ margin-left:0;}
.magical_block figure, .magical_block figure img{ width:100%; border-radius:10px 10px 0 0;}
.magical_block .detail{ width:100%; margin:0; border-radius:0 0 10px 10px;}
.magical_sec{ padding-bottom:0;}
.test_block h3 { font-size: 32px;}
.social_sec .scl_links{ font-size:30px;}
.scl_content .big_block .cap{ font-size:20px; line-height:30px;}
.sample_detail p{ font-size:14px; line-height:23px;}
.top_part .logo{ width:100px;}
.top_part p{ line-height:normal;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.fb_block, .twit_block{ height:auto; float:left; margin-bottom:30px;}
.social_info{ width:100%; margin-top:0;}
.social_info li{ margin:0 3.5px 10px 3.5px;}
.srch_info{ width:100%; margin-top:0; padding-left:0;}
ul.copyright_link li{ display:block; border:none; padding:0; margin-top:10px;}
/*.top_part figure{ margin-top:0;}
.top_part p{ font-size:10px; text-align:center; padding:0; margin-left:-10px;}
.top_part p:before{ left:-20px; right:0; top:-28px; background-size:216px 100%;}
*/
.top_part figure{ margin-left:-10px;}
.top_part p{ font-size:13px; padding-left:0; margin:-10px 0 0 0;}
.top_part p:before{ left:-42px; right:-12px; background-size:100% 100%; top:-16px;}
}


@media (max-width:575px) {
.top_part .logo{ margin:0 auto; float:none; display:block;}
}

/*@media only screen and (min-device-width : 400px) and (max-device-width : 736px) {
.top_part figure img { width: 130%; margin: 0 -20%; display: inline-block; max-width: inherit;}
.top_part p{ margin-left: -2px; font-size: 15px;}
.top_part p::before { left: -36px; right: 0; top: -25px; background-size: 296px 100%;}
}*/

@media (max-width:350px) {
.top_part figure{ width:260px; margin-left:-43px;}
.top_part p{ font-size:12px; margin-left:0;}
}