/* Medium Layout: 1280px. */
 @media only screen and (min-width: 992px) and (max-width: 1280px) {




}
/* Tablet Layout: 768px. */
 @media only screen and (min-width: 767px) and (max-width: 991px) {
/*rs menu*/
.menu-right ul li {
	margin-right: 15px;
}

.keobizmenu ul li a i, .slicknav_nav a i {
	display: none;
}
.keobizmenu {
	display: none;
}
#responsive-menu {
	display: block;
}


.about-text {
    margin-top: 30px;
}

.single-promo {
    margin-bottom: 30px;
}

.single-blog-box {
    margin-bottom: 30px;
}

.hero-text p {
    padding: 0 30px;
}
.hero-text h2 {
    font-size: 40px;
    line-height: 40px;
}

.single-footer-wedget {
    margin-bottom: 30px;
}

.qtce-pricing-table {
    margin-bottom: 30px;
}

.single-count {
    margin-bottom: 30px;
}

}
/* Mobile Layout: 320px. */
 @media only screen and (max-width: 767px) {

 /*rs menu*/
.keobizmenu ul li {
	margin-right: 15px;
}

 .hero-text1138 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 18px;
    line-height: 40px;
}

.keobizmenu ul li a i, .slicknav_nav a i {
	display: none;
}
.keobizmenu {
	display: none;
}
#responsive-menu {
	display: block;
}
.hero-text p {
    padding: 0;
	font-size: 20px;
	margin-bottom: 50px;
}
.hero-text h2 {
    font-size: 32px;
    line-height: 50px;
}
.hero-text02 p {
    padding: 0;
	font-size: 20px;
	margin-bottom: 50px;
}
.hero-text001 p {
    padding: 0;
	font-size: 20px;
	margin-bottom: 50px;
}
.hero-text02 h2 {
    font-size: 32px;
    line-height: 50px;
}
.hero-text001 h2 {
    font-size: 32px;
    line-height: 40px;
}
.single-promo {
    margin-bottom: 30px;
	text-align: center;
}

.single-blog-box {
    margin-bottom: 30px;
}

.about-text h2 {
    font-size: 22px;
    line-height: 28px;
}

.hero-text001-03 {
    font-size: 24px!important;
    font-weight: 700;
    margin-bottom: 30px!important;
    line-height: 45px!important;
}
	 
.about-text {
    margin-top: 0px;
}

.single-footer-wedget {
    margin-bottom: 30px;
}

.footer-bottom-social {
    float: none;
    text-align: center;
    margin-top: 10px;
}

.copy-right-text {
    text-align: center;
}

.copy-right-text p{
    font-size: 14px;
}

.single-comments.left .main {
    padding-left: 100px;
    margin-left: 0;
}

.qtce-pricing-table {
    margin-bottom: 30px;
}
.single-count {
    margin-bottom: 30px;
}

.section001, .section002 {
    padding-top: 60px;
    padding-bottom: 60px;
}
	 
.p-26 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 15px;
    line-height: 30px;
    margin-right: 15px;
}
	 
.hero-text001-02 {
    font-size: 66px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 100;
} 
	 
.section-title h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: -25px;
    border-top: 1px solid #000;
    border-bottom: 3px solid #000;
    background-color: #FFF;
    padding: 9px 0px 8px 0px;
}	 
	
.p-24 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
}
	
.margin-top30 {
    margin-top: 30px;
}
	 
.p-25 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 35px;
}	
	 
a.btn.hero-btn {
    background: #0d31499c;
    text-transform: capitalize;
    font-weight: 500;
    /* letter-spacing: 0.50px; */
    border: 2px solid #FFFF;
    outline: none;
    transition: .5s;
    display: inline-block;
    margin: 10px;
    color: #fff!important;
    padding: 15px 25px;
    width: 310px;
    font-size: 18px;
}
	 
.hero-text001 h2 {
    color: #fff;
    text-transform: capitalize;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 60px;
}	 
	/*.open_btn + div,
	div	{
		width: 100%;
	}*/
	body > div:nth-child(8) > div > div:nth-child(3) > div:nth-child(4) {
		width: 100%;
	}
	.adjust-mobile {
		width: 100%;
	}
	.adjust-mobile div {
		overflow-y: scroll;
	}
	.adjust-mobile div img {
		width: 800px !important;
	}
	
}


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 



}

/* Wide Mobile Layout: 480px. */
 @media only screen and (min-width: 480px) and (max-width: 767px) {




}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
.sp_logo { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 991px) {
 .pc { display: none !important; }
 .sp { display: block !important; }
 .sp_logo { display: block !important; 
	 	width: 45% !important;
}
}