/*==========  Desktop First Method  ==========*/

@media only screen and (max-width: 1780px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1560px) {}
@media only screen and (max-width: 1400px) {}
@media only screen and (max-width: 1320px) {
	
}
@media only screen and (max-width: 1230px) {
.col-5{flex: 0 0 25%;}	
}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
.col-min{width: 300px;}
.table__info b{font-size: 18px; line-height: 24px;}
.col-max {  width: calc(100% - 300px); padding-right: 30px;}
.article_head{padding-right: 30px;}
.table__info-txt{padding: 10px 10px;}
.info_item h1{font-size: 42px;    margin-bottom: 40px; line-height: 56px;     min-height: 180px;}
.number_info{font-size: 200px; line-height: 180px;}
.table__info p{padding-top: 6px;}
.table__info{margin-top: 35px;}
.online-section { padding: 50px 0px 60px;}
.main__online-section { padding-bottom: 90px;}
.main__online_nav-num{font-size: 32px;}
.main__online_nav-link{min-width: 100px;min-height: 50px;}
.main__online_nav-img img{max-width: 25px;}
.online-section .box{padding: 0.5vw 15px;}
.main__online-section.online-section .box{padding-bottom: 0px;}
.info_item a{font-size: 22px;}
.col-5{flex: 0 0 33.33%;  max-width: 33.33%;}	
.article__info_items .col-xl-6{margin-bottom: 30px;}
.article_wrapper .article-next{font-size: 30px; line-height: 38px;}
.article-next:after{    width: 55px; height: 28px;}
.article_additionally-icon{width: 60px;    padding: 0px 10px 0px 10px;}
.article_additionally-box{width: calc(100% - 60px); padding: 0px;}
.table{overflow: scroll;    display: block;max-width: 100%;}
.table tbody{    width: 992px; display: block;}
.article__info{margin-bottom: 30px;}
.article__info_items .col-5{margin-bottom: 0px;}
.article_section h2{font-size: 32px; line-height: 40px;   padding-bottom: 40px;}
}
/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
.info_item p{font-size: 16px; line-height: 24px; padding-bottom: 15px;}
.table__info b{font-size: 16px; line-height: 22px;}
.table__info p{font-size: 14px;}
.number_info{position: absolute; font-size: 140px; line-height: 130px; left: 15px; top: 0px;}
.col-max{width: 100%; padding-right: 0px;}
.article_head{padding-right: 0px;}
.col-min{width: 100%;}
.table__info{margin-top: 20px;}
.table__info-icon{width: 55px;}
.table__info_box { width: calc(100% - 55px);}
.main__online-section .table__info{margin-top: 25px;}
.info_item h1{min-height: inherit; margin-bottom: 15px; font-size: 30px; line-height: 46px;}
.online-section{padding-top: 130px; padding-bottom: 100px;}
.main__online-section.online-section{padding-top: 50px;}
.info_item a{position: absolute; left: 15px; right: 15px; bottom: 30px;}
.main__online_nav-num{font-size: 18px; padding-right: 5px;}
.main__online_nav-link{min-width: 60px;min-height: 30px;}
.main__online_nav-img img{max-width: 15px;}
.article_head{width: 100%;}
.article-next:after{    width: 45px; height: 23px;}
.article_item .fancybox:after{height: 60px; min-width: 60px; background-size: cover; right: 20px; bottom: 50px;}
.article_additionally{padding-bottom: 0px; padding-top: 10px;} 
.article_wrapper p{padding-bottom: 15px;}
.article_wrapper{font-size: 16px; line-height: 24px;}
.article_wrapper .article-next{font-size: 24px; line-height: 32px;}
.article_section h2{font-size: 28px; line-height: 36px;   padding-bottom: 30px;}
.article_section h3{ font-size: 20px;  line-height: 30px; padding-bottom: 15px;}
.article_section h4{ font-size: 18px; line-height: 28px;   padding-bottom: 10px;}
.article_footer h3{font-size: 20px;  line-height: 30px; padding-bottom: 5px;}
.article_section .online-section{padding-top: 160px;}
.number_info{top: 40px;}
.col-5{flex: 0 0 50%;  max-width: 50%;}	
.article_section.article_section_main{padding: 0px;}
.article_section{padding: 30px 0px;}
.article__info{padding: 20px 10px;}
.article-back{background-size: 20px;}
.article__info_items .col-xl-4{margin-bottom: 30px;}
.article_navigation a{font-size: 18px; padding: 0px 5px; min-width: 55px; height: 30px;}
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 560px) {
.article_section .online-section{padding-top: 130px;}
.number_info{font-size: 90px; line-height: 100px;}
.online-section{padding-top: 100px; padding-bottom: 100px;}
.main__online-section.online-section{padding-top: 50px;}
.info_item h1{min-height: inherit; margin-bottom: 15px; font-size: 24px; line-height: 36px;}
}
/* Extra Small Devices, Phones */

@media only screen and (max-width :480px) {
.main__online_nav-num{font-size: 16px; padding-right: 5px;}
.main__online_nav-link{min-width: 46px;min-height: 27px;}
.main__online_nav-img img{max-width: 13px;}
.article-back{background-size: 17px;}
.col-5{flex: 0 0 100%; max-width: 100%;}	
.article_navigation a{font-size: 16px; padding: 0px 5px; min-width: 40px; height: 27px;}
}