@media screen and (max-width: 1400px) {
	footer.cybercats-footer {
	    height: auto; 
	}
}

@media screen and (min-width: 1201px) {
    .blog__sect .heading--large {
        margin-bottom: 30px;
    }

    .blog__sect .btn-link {
        margin: 90px auto 0;
    }

    .blog__sect .blog__row {
        margin: 60px -30px 0;
    }

    .blog__sect .blog__item {
/*        padding: 0 30px;*/
        padding: 0 5px;
    }

    .blog__sect .blog__info {
        margin: 15px 0;
    }

    .blog__sect .blog__cat {
        font-size: 13px;
        padding: 0 15px;
    }

    .blog__sect .blog__time {
        font-size: 13px;
    }

    .blog__sect .blog__title {
        font-size: 16px;
    }

}

@media screen and (max-width: 1024px) {
    .cybercats-flex_fl-pd-35px {
        padding-right: 15px;
    }
    
    .cybercats-top_main-txt {
        top: 50%;
    }
    
/*
     .owl-carousel .owl-stage {
      display: flex;
    }

   .owl-carousel .owl-item img {
      width: auto;
      height: 100%;
    }
*/
    
    #cybercats-intro {
        height: 30vh;
        font-weight: 900;
    }
}


@media screen and (min-width: 992px) and (max-width: 1024px) {
    
    .cybercats-top {
        height: 10vh!important;
    }
    
    #cybercats-intro {
        padding-top: 60px;
    }
}

@media screen and (max-width: 991px) {
	.cybercats-top_side-menu {
	    display: none;
	}
	footer.cybercats-footer {
	    padding: 60px 0;
	}
	.cybercats-ftr_btm {
	    text-align: center;
	    width: calc(100% - 80px);
	}
	.cybercats-ftr_menu {
	    text-align: left;
	}
	.cybercats-flex_container {
	    flex-wrap: wrap;
	}
	.cybercats-flex_50col {
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		padding: 0 0 1vw;
	}
    
    .cybercats-flex_60col {
        flex: 100%;
        max-width: 100%;
        padding-right: 0;
        padding: 0 0 1vw;
    }

    .cybercats-flex_40col {
        flex: 100%;
        max-width: 100%;
        padding-right: 0;
        padding: 0 0 1vw;
    }    
    
    .cybercats-flex_35col {
        flex: 100%;
        max-width: 100%;
        padding-right: 0;
        padding: 0 0 1vw;
    }    
    
	.cybercats-flex_30col_sp {
	    width: 30%;
	}
	.mgb-20-sp {
		margin-bottom: 20px;
	}
	.mgb-50-sp {
		margin-bottom: 50px;
	}
	#cybercats-intro {
	    height: 50vh;
	}
	.cybercats-intro_content {
		font-size: 2.5vw;
	}
	.cybercats-top_side-menu {
		display: none;
	}
    
    section.cybercats-top {
        height: 50vh;
        min-height: 400px;
    }
	.cybercats-bnr {
		height: 50vh;
		min-height: 400px;
	}
	.cybercats-bnr div {
	    width: 100%;
	    height: 100%;
	}
    
	.cybercats-top_main-txt {
		font-size: 2.5rem;
		left: 50%;
		transform: translate(-50%, -50%);
		white-space: nowrap;
        top: 65%;
	}
	/*.cybercats-top_main-txt span {
	    padding-top: 4vw;
	    font-size: 2.5vw;*/
	    /*display: block;*/
	/*}*/
	.cybercats-title {
		font-size: 4.5vw;
	    padding: 0 0 7vw 0vw;
	}
	.cybercats-title.right {
	    padding: 0 5vw 7vw 0;
	}
	.cybercats-flex_50col_sp {
	    width: 50%;
	}
	.cybercats-flex_100col_sp {
	    width: 100%;
	}
	.cybercats-btn_style1 {
		width: 100%;
	    margin-bottom: 20px;
	    height: auto;
	}
	.cybercats-btn_style1 img {
		position: unset;
	}
	.cybercats-btn_style1 p {
	    font-size: 6vw;
	}
	.cybercats-hx_28vw {
	    font-size: 3.75vw;
	}
	.fs-company-bg {
		font-size: 1.75vw;
	}

	.cybercats-hx_24vw {
	    font-size: 3.75vw;
	}
	.cybercats-container_style1 {
	    width: calc(100% - 60px);
	    margin: 120px auto;
	}
	.cybercats-container_style2 {
	    width: calc(100% - 40px);
	}
	.cybercats-container_style2-inner {
	    padding: 40px 10px;
	}
	.cybercats-sustainability_accordion .cybercats-flex_container {
		flex-wrap: nowrap;
	}
	.fs-num-faq {
	    font-size: 2.25vw;
	    flex: 100%;
	    max-width: 7vw;
	}
	.cybercats-sustainability_question {
	    font-size: 2.5vw;
	    line-height: 1.8;
	}
	ul.cybercats-sustainability_answer {
	    font-size: 2vw;
	    line-height: 1.8;
	    padding: 0 0 0 2.5vw;
	}
	.cybercats-contactbtn {
		flex-wrap: nowrap;
	}
	.cybercats-contactbtn .cybercats-btn_style2 {
		flex: 100%;
		max-width: 50%;
		padding: 0 1vw 0 0;
	}
	.cybercats-contactbtn .cybercats-btn_style2:last-child {
		padding: 0;
	}
	.cybercats-btn_style2-link {
	    padding: 40px;
	    width: calc(100% - 80px);
	    display: block;
	    text-align: center;
	}
	#cybercats-location > div{
		padding: 0;
	}
	.cybercats-tbl1 table tr td:first-child {
	    width: 32%;
	}
    
    .cybercats-tbl1 table tr td:last-child {
        width: auto;
    }
    
	.cybercats-tbl2 {
	    overflow-x: auto;
	}
	.cybercats-ftr_logo {
	    max-width: 50%;
	}
	.cybercats-ftr_nav {
	    max-width: 50%;
	}
	.cybercats-ftr_nav .cybercats-flex_container {
	    justify-content: center;
	}
	.cybercats-btn_style2-link::before {
	    width: 2vw;
	    height: 2vw;
	    top: 2vw;
	    right: 2vw;
	}
	.cybercats_rss_item_img {
	    max-width: 150px;
	    height: 150px;
	}
	.cybercats_rss_item_content {
		height: 150px;
		overflow-y: hidden;
	}

	.rec-summary {
    	border-top: unset;
    }
	.rscol-style1,
	.rscol-style2,
	.rscol-style3,
	.rscol-style4 {
	    flex: 100%;
	    padding: 15px 10px;
	    border-bottom: 1px solid #c9c9c9;
	}
	.rscol-style1 {
	    max-width: calc(100% - 20px);
	    text-align: left;
	    padding: 15px 10px 0;
	    border-bottom: unset;
	    border-top: 1px solid #c9c9c9;
	    margin: 15px 0 0;
	    line-height: 1;
	}
	.rscol-style2 {
	    max-width: calc(35% - 20px);
	    border-bottom: unset;
	    padding: 10px 10px 0;
	}
	.rscol-style3 {
	    max-width: calc(50% - 20px);
	    border-bottom: unset;
	    padding: 10px 10px 0;
	}
	.rscol-style-cat1,
    .rscol-style-cat2 {
        display: block;
        color: #2d86ca;
        padding: 10px 10px 0;
        max-width: calc(15% - 20px);
        flex: 100%;
    }
    .rscol-style-cat2 {
        color: #ff0050;
    }
	body#top .cybercats-bnr div.cybercats-top_main-txt {
	    width: calc(100vw - 40px);
	    left: 0;
	    transform: translateY(-50%);
	    white-space: normal;
	    padding: 0 20px;
	}
	.purchase-flow-arrow-col {
	    max-width: 120px;
	}

	.purchase-flow-col {
	    max-width: calc(100% / 2 - 60px);
	}

	footer.cybercats-footer{
		background-position-y: bottom;
		background-size: cover; 
	}
}


@media screen and (max-width: 834px) {
    #cybercats-intro {
        height: 60vh;
    }

    #cybercats-intro .cybercats-title {
        color: #000;
    }

    #cybercats-intro .cybercats-flex_container > div:last-child {
        color: #000;
    }
}

@media screen and (max-width: 768px) {

    .wrapper.wide {
        padding: 0 30px;
    }

    .blog__sect .heading--large {
        margin-bottom: 30px;
    }

    .blog__sect .btn-link {
        margin: 30px auto 0;
    }

    .blog__sect .blog__scroll {
        overflow-x: scroll;
        padding-bottom: 15px;
    }

    .blog__sect .blog__row {
        width: calc(320px * 3);
        flex-wrap: nowrap;
        margin: 45px 0 0;
    }

    .blog__sect .blog__item {
        width: 340px;
        padding: 0 5px;
    }

    .blog__sect .blog__info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 15px 10px;
    }

    .blog__sect .blog__cat {
        font-size: 13px;
        padding: 0 15px;
    }

    .blog__sect .blog__time {
        font-size: 13px;
    }

    .blog__sect .blog__title {
        font-size: 16px;
        padding: 0 10px;
    }

}

@media screen and (max-width: 767px) {
	.er-blog-date {
	    margin: 0px 10px 0 10px;
	}

	.rscol-style2 {
	    max-width: calc(35% - 20px);
	    border-bottom: unset;
	    padding: 10px 0px 0;
	}

	.tal-c-sp {
		text-align: center;
	}

	.asset-top-txt span {
	    font-size: 5.5vw!important;
	    line-height: 1.8em;
	}

	.br_sp {
	    display: block;
	}

	html:root {
		font-size: 14px;
	}

	.cybercats-hdr_bar {
	    padding: 5vw;
	}
	.cybercats-hdr_logo {
	    padding: 0 15px 0 0;
	}
	.cybercats-hdr_logo img {
	    width: 170px;
	    height: auto;
	}
	.cybercats-hdr_burger {
	    padding: 14px;
	}
	.cybercats-hdr_inline {
	    padding: 0 10px 0 15px;
	}
	.cybercats-hdr_nav-inner {
	    margin: 20px;
	}
    
    .cybercats-tbl1 table {        
        font-size: 3.75vw;
    }
    .cybercats-hdr_inline {
	    font-size: 1rem;
	}
	.cybercats-tbl1 table,
	.cybercats-tbl1 table tbody,
	.cybercats-tbl1 table tr {
		display: block;
		width: 100%;
	}
	.cybercats-tbl1 table tr td {
	    display: block;
	    padding: 5px;
	    width: calc(100% - 10px);
	    border-width: 0 1px 1px;
	}
	.cybercats-tbl1 table tr td:first-child {
		width: calc(100% - 10px);
	    color: #FFF;
	    border-width: 1px 1px 0;
	}
	.cybercats-tbl1 table tr {
	    display: block;
	}
    
    section.cybercats-top {
        height: 40vh;
        min-height: 300px;
    }
    .cybercats-bnr {
        height: 40vh;
        min-height: 300px;
    }
	.cybercats-top_main-txt {
	    font-size: 6vw;
        line-height: 1.4em!important;
        width: calc(100% - 40px);
        white-space: normal;
	}

	.cybercats-title {
	    font-size: 8vw;
	}
    
    .cybercats-title2 {
        font-size: 5.5vw;
    }

	.cybercats-title {
	    padding: 0 0 10vw 5vw;
        line-height: 1.4em;
	}

	.cybercats-intro_content {
	    font-size: 3.5vw;
        line-height: 1.8;
	}
	.cybercats-hx_28vw {
	    font-size: 4.75vw;
        line-height: 1.4em;
	}
	.fs-company-bg {
	    font-size: 3.75vw;
	}
	.cybercats-sustainability_question {
	    font-size: 3.5vw;
	}
	ul.cybercats-sustainability_answer {
/*	    font-size: 3vw;*/
        font-size: 3.75vw;
	}
	.cybercats-contactinfo_phone {
	    font-size: 6vw;
	}
	.cybercats-contactinfo_phone span {
	    font-size: 6vw;
	}
	.cybercats-flex_50col_sp {
	    width: 100%;
	}
	.cybercats-btn_style1 p {
	    font-size: 25px;
	}
	.cybercats-contactbtn {
		flex-wrap: wrap;
	}
	.cybercats-sustainability_qnum {
/*	    font-size: 14vw;*/
        font-size: 1.2rem;
        line-height: 1.4;
        padding: 20px 0;
	}
	.fs-num-faq {
	    font-size: 3.25vw;
	}
	.cybercats-contactbtn .cybercats-btn_style2 {
	    max-width: unset; 
	}
	.cybercats-contactbtn .cybercats-btn_style2:last-child {
	    margin: 20px 0;
	}
	.cybercats-btn_style2-link {
	    font-size: 35px;
	}
	.cybercats-contactinfo_contact {
	    font-size: 8vw;
	}
	.contact-form-st1,
	.contact-form-st1 tbody,
	.contact-form-st1 tr {
		display: block;
		width: 100%;
	}
	.contact-form-st1 tr td {
	    display: block;
	    width: calc(100% - 40px);
	    height: auto;
	    border-width: 0 1px 1px;
	    max-width: unset;
	}
	.contact-form-st1 tr td:first-child {
	    width: calc(100% - 40px);
	    border-width: 1px 1px 0;
	    max-width: unset;
	}
	.contact-form-st1 tr td input[type=text], .contact-form-st1 tr td textarea {
	    width: calc(100% - 20px);
	    padding: 5px 10px;
	}
	.cybercats-ftr_logo {
	    max-width: 100%;
	    order: 2;
	}
	.cybercats-ftr_nav {
	    max-width: 100%;
	    order: 1;
	    margin: 0 0 50px;
	}
	.cybercats-title.right {
	    padding: 0 5vw 10vw 0;
	}
	.cybercats-btn_style2-link::before {
	    width: 3vw;
	    height: 3vw;
	    top: 3vw;
	    right: 3vw;
	}
	div.cybercats_ind_news::-webkit-scrollbar {
	    display: none;
	}
	.cybercats_rss_item_container {
	    flex-wrap: wrap;
	}
	.cybercats_rss_item_img {
	    max-width: 100%;
	    height: 150px;
	    margin: 0;
	}
	.cybercats_rss_item_content {
	    height: 240px;
	}
    
    .column-3 {
/*        width: 100%;*/
    }
    
    .logo-cat-white {
        width: auto;
        height: 9.75vw;
        vertical-align: top;
    }

    .logo-cat-black {
        width: auto;
        height: 9.75vw;
        vertical-align: top;
    }
    
    .cybercats-flex_fl-pd-35px {
        padding-right: 17px;
    }
    
    .sp-show {
        display: inline-block;
    }
    
    
    .owl-carousel .owl-stage {
        display: flex;
    }

    .owl-carousel .owl-item img {
        width: 100%;
        height: 100%;
        
    }
    
    .pc-show {
        display: none;
    }
    
    .sp-none {
        display: none!important;
    }
    
    .show-sp {
        display: block!important;
    }
    
    #cybercats-intro {
        height: 70vh!important;
    }
    
    #cybercats-works .cybercats-container_style1 {
        margin: 120px auto 0;
    }
    
    #cybercats-contact .cybercats-container_style1 {
        margin: 0 auto 120px;  
    }
    
    .cybercats-hdr_navmenu a {
        font-size: 13px;
    }
    
    #cybercats-intro .cybercats-title {
        color: #fff;
    }
    
    #cybercats-intro .cybercats-flex_container > div:last-child {
        color: #fff;
    }

    .cybercats-container_style2-inner {
	    padding: 20px 15px;
	}

	.company-tbl tr {
		display: block;
		margin: 0 0 15px;
	}

	.company-tbl tr td {
		display: block;
	}
	.sell-flow {
	    padding: 20px;
	}
	.rscol-style1 {
	    max-width: 100%;
	    padding: 30px 0 0;
   		margin: 30px 0 0;
	}
	.rscol-style2 {
	    max-width: 100%;
	    text-align: left;
	    line-height: 1.5;
	}
	.rscol-style3 {
	    max-width: 100%;
	    padding: 10px 0 0;
	    line-height: 1.5;
	}
	body#top .cybercats-bnr div.cybercats-top_main-txt { 
	    width: calc(100vw - 20px); 
	    padding: 0 10px; 
	    top: unset; 
	    bottom: 0; 
	}
	body#top .cybercats-bnr .item .top-btn-buy,
	body#top .cybercats-bnr .item .top-btn-sell {
	    width: 30%;

	}
	div.ccmy_ind_news::-webkit-scrollbar {
	    display: none;
	}
	.ccmy_rss_item_container {
	    flex-wrap: wrap;
	}
	.ccmy_rss_item_img {
	    max-width: 100%;
	    height: 150px;
	    margin: 0;
	}
	.ccmy_rss_item_content {
	    height: 240px;
	}
		.purchase-flow-col {
	    max-width: 100%;
	}

	.purchase-flow-arrow-col img {
	    transform: scale(1, 0.7) rotate(90deg);
	    margin: 0 auto;
	}

	.purchase-flow-arrow-col {
	    text-align: center;
	    max-width: 100%;
	    padding: 40px 0;
	}

	body#top .cybercats-bnr .top-btn-buy, body#top .cybercats-bnr .top-btn-sell {
	    width: 35%;
	    margin: 0;
	}

	.er-contact-item.erc-item-style2 .er-contact-input input { 
	    width: calc(100% / 4 - 15px); 
	}

	.tal-l-sp {
		text-align: left;
	}

	.rscol-style-cat1,
    .rscol-style-cat2 {
        display: block;
        color: #2d86ca;
        border-bottom: 1px solid;
        padding: 0 0 5px;
        margin: 20px 0 5px;
        width: 100%;
        text-align: left;
        max-width: 100%;
    }
    
    .rscol-style-cat2 {
        color: #ff0050;
    }

    .top-intro-txt {
	    font-size: 18px;
	}
	.top-intro-btn a {
	    font-size: 18px;
	}

}

@media screen and (max-width: 700px) {
    .cybercats-title {
        padding: 12vw 0 10vw 5vw;       
    }    
}

@media screen and (max-width: 390px) {
    #cybercats-intro {
        height: 40vh !important;
    }
    
    .cybercats-title {
        padding: 0 0 10vw 5vw;        
    }

    .er-contact-label {
	    font-size: 0.8rem;
	}
}