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

	.pageslider{ padding:0 20px;}
	.pageslider .slick-prev{ left:-10px;}
	.pageslider .slick-next{ right:-10px;}

}

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

    /* inner1.html */
    header .container{ width: 98%;}
    main .container{ width: 100%; box-sizing: border-box; padding: 0 20px;}
    .personinfo{ width: 25%;}
    .info{ width: 72%;}
	.infogal{ width: 100%; color: #fff !important;}
    footer .container{ width: 100%; box-sizing: border-box; padding: 0 20px;}
    
    /* inner1.html */
    
    .slidercont .slider-for figure{ width: 70%;}
    .slidercont .slider-nav{ padding: 0 25px;}
    .slidercont .slick-slide img{ width: 90%; height: auto;}
    .slidercont .slider-nav .slick-prev{ left: -8px;}
    .slidercont .slider-nav .slick-next{ right: -8px;}
    
    .bookslider figure{ width: 70%;}
}

@media only screen and (max-width:1024px) {
    
    .logo{ padding: 18px 25px 18px 55px;}
    .mobmenu{ top: 78px;}
    .logo2{ width: 230px; padding:30px 0 30px 10px;}
    .logo2 img{ display: block; width: 100%; height: auto;}
    .personinfo{ width: 35%;}
    .info{column-gap:30px;-moz-column-count:2;-moz-column-gap:2;-webkit-column-count:2;-webkit-column-gap:2; width: 60%;}
    
    .slidercont .slider-for figure{ float: none; width: 100%; margin: 0 0 20px;}
    .slidercont .slider-for .figcaption{ float: none;}
    
    .bookslider figure{ width: 60%; padding: 30px 65px;}

    header .mobmenu{ top: 25px; right: 10px; display: block;}
    nav{ display: none;}
    
}

@media only screen and (max-width:767px) {
    
    .logo2{ width: 180px; padding: 30px 0 30px 10px;}
    header .mobmenu{ top: 25px; right: 10px; display: block;}
    nav{ display: none;}
    .personinfo{ width: 45%;}
    .info{ width: 50%; -moz-column-count:1; -webkit-column-count:1; column-count: 1;}
    .foonav{ display: none;}
    
    .title{ float: none; width: 100%; margin: 0 0 15px;}
    .slidercont .slider-for .slick-prev{ top: -35px;}
    .slidercont .slider-for .slick-next{ top: -35px;}
    .slidercont .slick-slide img{ width: 100%;}
    .slidercont .slider-for .slick-slide{ padding: 0 0px;}
	.slidercont .slider-nav .slick-slide{ padding:0 5px;}
    
    .bookslider figure{ float: none; width: 100%; margin: 0 0 20px;}
    .bookslider .figcaption{ float: none;}
    .bookslider button{ top: 30%;}
    .bookslider .slick-next{ right: 20px;}
	
}

@media only screen and (max-width:599px){
    
    .logo{ width: 200px;}
    .logo img{ width: 100%; height: auto;}
    .mobmenu{ top: 60px; right: 20px;}
    
    .personinfo{ float: none; width: 100%; margin: 0 0 30px;}
    .personinfo figure img{ max-width: 100%; width: auto;}
    .info{ float: none; width: 100%;}
    
    .bookslider figure{ padding: 30px 50px;}
}

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

    .mobmenu{ right: 0;}
    .logo{ width: 150px; padding: 20px;}
    .menubtn{ text-indent: 90px; display: block;}
    header .mobmenu{ top: 23px;}
    footer{ text-align: center;}
    footer .container{ padding: 0 12px;}
    .social{ margin: 0 0px 0 0; float: none; display: inline-block;}
    .social ul li{ margin: 0 8px 0 0;}
    a.mail{ float: none; display: table; margin: 0 auto;}
    .selctbox{ float: none; margin: 0 0 15px;}
    .bookslider figure{ padding: 30px 30px;}
    .bookslider .slick-prev{ left: 5px;}
    .bookslider .slick-next    { right: 5px;}
    .bookslider button{ top: 23%;}
	.mobmenu ul::before{ left:75%;}
	.slidercont .slider-nav .slick-slide{ padding:0;}
}

.rimages {
	width: 100%;
	height: auto;
	max-width: 800px !important;
}