@charset "utf-8";
/* CSS Document */
body{ padding:0 0 0 0; margin:0; color:#636363; font-size:14px ; font-weight:normal; line-height:17px; transition: all 300ms ease-in-out 0s; font-family:Arial, Helvetica, sans-serif; width:100%; height:100%; background:url(../images/background-1.jpg) no-repeat center top; background-size:cover;}
img{ max-width:100%;}
video{ width:100%; position:fixed; height:auto;opacity: 0.8;}
a{ outline-width:0px;}
a:focus{ text-decoration:none;}
video img{ width:100%; height:100%;}
#wrapper{margin: 0; padding:0; position:relative; width: 100%; }
.about_bg-img{background:url(../images/background-2.jpg) no-repeat center top; background-size:cover;}
.books_bg-img{background:url(../images/background-3.jpg) no-repeat center top; background-size:cover;}
<!--iframe{ width:100%; position:fixed; height:100%; opacity: 0.8; border:0;}-->
/** header start **/
header{ margin:0; padding:0; background:#000;}
header .logo-block{ -webkit-transition:all ease 0.5s; width:100%; transition:all ease 0.5s;}
header #navigation-block{ padding:40px 0 0 0; -webkit-transition:all ease 0.5s; transition:all ease 0.5s;}
#main-nav-container {
	width:100%;
	position:absolute; top:0; left:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	z-index:999999;
}

#main-nav-container.fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	-webkit-box-shadow: 0 5px 4px rgba(0,0,0, 0.10);
	box-shadow: 0 5px 4px rgba(0,0,0, 0.10);
	-webkit-backface-visibility:hidden;
	background:rgba(0, 0, 0, 0.9);}

#main-nav-container.fixed .logo-block{ width:240px;}
#main-nav-container.fixed #navigation-block{ padding:25px 0 0 0;}
/** header end **/

/** body-top **/
.body-top{ padding:10% 0 3%;}
.body-top h1{ margin:0; padding:0 0 15px; color:#ffcd05; font-size:42px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:40px;}
.body-top p{color: #fff; font-size: 16px; font-family:Verdana, Geneva, sans-serif; font-weight:600; line-height: 30px;  margin: 0; padding:10px 0 30px; text-align: center;}
.body-top p strong{ padding:0 5px;}
.body-top p span{ color:#ffc000; display:block; padding-top:5px;}
.body-top .intro-text{ padding:5% 0;}
.body-top section{height:100px; margin: 0 auto; width:100px;}
.body-top section.home{position:relative;overflow:hidden}
.body-top section.home img{position:absolute;transform:matrix(1, 0, 0, 1, 0, 0);transform-origin:center 50% 0px;position:absolute}
.body-top .scroll_panel{width:100%;position:absolute;bottom:0;left:0;height:80px;opacity:0.0}
.body-top .scroll_panel.view{opacity:1.0;-moz-transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;-o-transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;-webkit-transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-delay:0.8s;transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s}
@keyframes arrow{0%{-webkit-transform:translateY(0px)}100%{-webkit-transform:translateY(20px)}}@-webkit-keyframes arrow{0%{-webkit-transform:translateY(0px)}100%{-webkit-transform:translateY(20px)}}@-moz-keyframes arrow{0%{-moz-transform:translateY(0px)}100%{-moz-transform:translateY(20px)}}@-o-keyframes arrow{0%{-o-transform:translateY(0px)}100%{-o-transform:translateY(20px)}}@-ms-keyframes arrow{0%{-ms-transform:translateY(0px)}100%{-ms-transform:translateY(20px)}}.scroll{position:absolute;bottom:40px;left:50%;cursor:pointer;margin-left:calc( 60px / -2);width:60px;animation:arrow 0.5s 1s infinite ease-out alternate;-webkit-animation:arrow 0.5s 1s infinite ease-out alternate;-moz-animation:arrow 0.5s 1s infinite ease-out alternate;-o-animation:arrow 0.5s 1s infinite ease-out alternate;-ms-animation:arrow 0.5s 1s infinite ease-out alternate}@media (max-width: 1440px){.scroll{margin-left:calc( 48px / -2);width:48px}}@media (max-width: 660px){.scroll{margin-left:calc( 40px / -2);width:40px}}.scroll:hover{animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;-ms-animation-play-state:paused}
.body-top .scroll rect{fill:#fff;}
/** //body-top **/

/** about-block **/
.about-block{ padding:20px 0 50px; text-align:center;}
.about-block p{ font-size:16px; line-height:22px; font-weight:600; margin:0; padding:10px 0 0; color:#ffc000;}
.about-block h3{ font-size:16px; line-height:22px; font-weight:600; margin:0; padding:5px 0 0; text-align:left; color:#fff;}
.about-block h3 span{color:#ffc000;}
/** //about-block **/

/** about2-block **/
.about2-block{ padding:50px 0;}
.about2-block h2{ margin:0; padding:0; font-size:62px; font-weight:bold; line-height:50px; color:#fff; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.about2-block h2 span{color:#f3a21b;}
.about2-block p{color: #fff; font-size: 18px; font-weight: 100; line-height: 26px; margin: 0; padding: 30px 0 0;}
/** //about2-block **/

/** category-block **/
.category-block{ padding:30px; border-radius:3px; background:url(../images/header-bg.png) repeat; margin:50px 0;}
.category-block .img{ border-radius: 150px; display: block; margin: 30px auto 15px; padding: 0; width: 180px;}
.category-block h2{ margin:0; padding:0 0 30px; font-size:42px; color:#fff; font-weight:700; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.category-block h2 span{color:#f3a21b;}
.category-block h3{ margin:0; padding:0 0 10px; font-size:18px; color:#fff; font-weight:700; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.category-block p{ margin:0; padding:0; font-size:14px; color:#c5c5c5; text-align:center; height:50px; line-height:22px;}
/** category-block **/

/** mobile-block **/
.mobile-block{ padding:30px; margin-bottom:50px; border-radius:3px; background:url(../images/header-bg.png) repeat;}
.mobile-block h2{ margin:0; padding:20% 0 0; font-size:42px; color:#fff; line-height:50px; text-align:center; letter-spacing:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.mobile-block h2 span{ display:block; color:#f3a21b;}
.mobile-block p{ font-size:16px; line-height:30px; margin:0; padding:25px 5% 0; text-align:center; color:#fff;}
.mobile-block .slider-2{ background:url(../images/phone-1.png) no-repeat; background-size:100%;}
/** //about-block **/

/** back-to-top **/
a.back-to-top{ outline:none; display: none; width:50px; height:50px; text-indent: -9999px; position: fixed; right: 20px; color:#fff; bottom:20px; background: url(../images/top-arrow.png) center center no-repeat #F3A21B; border-radius:50%; z-index:9999999999;}
a.back-to-top:hover{ background:url(../images/top-arrow.png) center center no-repeat #ba7604;}
/** //back-to-top **/

/** Letest News **/
.letest-news{ padding:30px; margin-bottom:50px; border-radius:4px; background:url(../images/header-bg.png) repeat;}
.letest-news h2{ margin:0; padding:0; font-size:38px; color:#fff; line-height:50px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.letest-news h2 span{color:#f3a21b;}
.letest-news .col-md-4{ margin-top:30px;}
.letest-news .block{ padding:25px; background:#cbcbcb; border-radius:25px 0;}
.letest-news .block h3{ margin:0; padding:0; line-height:20px; color:#222; text-transform:uppercase; font-weight:700; font-size:15px;}
.letest-news .block h4{ margin:0; padding:2px 0 8px; line-height:20px; color:#BA7604; font-weight:700; font-size:15px;}
.letest-news .block p{ margin:0; padding:0; line-height:20px; color:#333; font-size:14px;}
/** //Letest News **/

/** FOOTER **/
footer{ padding:30px 0; background:rgba(0, 0, 0, 0.8);}
footer ul{ margin:0; padding:0; text-align:center;}
footer ul li{ margin:0; padding:0 0 10px; display:inline-block;}
footer ul li a{ margin:0; padding:0 15px; text-align:center; text-decoration:none; color:#fff; font-size:14px; display:inline-block;}
footer ul li a:hover{ color:#C90; text-decoration:none;}
footer p{padding:5px 0 0; margin:0; text-align:center; color:#fff; font-size:15px; }
/** //FOOTER **/

/** about-section **/
.about-section{margin:0 0 80px;}
.about-section .img{border: 3px solid #fff; border-radius: 2px; box-shadow: 0 0 5px #ffcd04; width: 100%;}
.about-section p{ font-size:17px; line-height:24px; text-shadow:1px 1px 2px #000; margin:0; padding:0 0 20px; color:#fff;}
.about-section p strong{ color:#ffc000; font-family:Verdana, Geneva, sans-serif; font-size:22px;}
.about-section p strong b{ font-size:40px;}
.about-section h3{ color:#ffc000; font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; margin:0; padding:0 0 15px;}
.about-section ul{ margin:0; padding:0;}
.about-section ul li{ margin:0; list-style:none; padding:0 0 10px 25px; background:url(../images/arrow-1.png) 0px 5px no-repeat; font-size:17px; line-height:20px; text-shadow:1px 1px 2px #000; color:#fff;}
/** //about-section **/

/** gallery-section **/
.gallery-section{ text-align:center; padding:30px; border-radius:3px; margin:80px 0; background:url(../images/header-bg.png) repeat;}
.gallery-section h2{ text-align:left; margin:0; padding:0 0 30px; color:#fff; font-size:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:700;}
.gallery-section .thumb-box{ position:relative; display:inline-block; text-align:center; width:23%; margin:0 1% 30px -4px; height:250px; text-align:center; background:#333; border-radius:4px; padding:4px;}
.gallery-section .thumb-box img{ max-width:100%; max-height:100%;}
.gallery-section .thumb-box h3{ position:absolute; margin:0; text-align:left; left:0; bottom:0; width:100%; background:url(../images/header-bg.png) repeat; padding:10px 10px 16px 20px; color:#fff; font-size:16px; font-weight:600;}
/** //gallery-section **/

/** contact-section **/
.contact-section{margin:160px 0 80px;}
.contact-section .contact-form{ width:600px; margin:0 auto;}
.contact-section h2{margin:0; padding:0 0 50px; text-align:center; color:#ffc000; font-size:36px; font-family:Verdana, Geneva, sans-serif; font-weight:700;}
.contact-section h3{margin:0; padding:80px 0 0; color:#ffc000; font-size:32px; font-family:Verdana, Geneva, sans-serif; font-weight:700;}
.contact-section h4{margin:0; padding:20px 0 0; color:#ffc000; font-size:32px; font-family:Verdana, Geneva, sans-serif; font-weight:700;}

.contact-section label{ font-weight:600; font-size:18px; color:#ffc000; padding-top:25px; display:block;}
.contact-section .contact-form p br{ display:none;}
.contact-section input[type="text"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom:0; padding: 12px 10px; width: 100%;}
.contact-section input[type="text"]:focus{background: rgba(255, 255, 255, 1)}
.contact-section input[type="email"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom:0; padding: 12px 10px; width: 100%;}
.contact-section input[type="email"]:focus{background: rgba(255, 255, 255, 1)}
.contact-section input[type="phone"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom:0; padding: 12px 10px; width: 100%;}
.contact-section input[type="phone"]:focus{background: rgba(255, 255, 255, 1)}
.contact-section input[type="password"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom:0; padding: 12px 10px; width: 100%;}
.contact-section input[type="password"]:focus{background: rgba(255, 255, 255, 1)}
.contact-section select{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom:0; padding: 12px 10px; width: 100%;}
.contact-section select:focus{background: rgba(255, 255, 255, 1)}
.contact-section textarea{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom:0; padding: 12px 10px; width: 100%; resize:none; height:80px;}
.contact-section textarea:focus{background: rgba(255, 255, 255, 1);}
.contact-section input[type="button"]{background:#00afef; margin-top:20px; margin-bottom:5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:none; border-radius:3px; color: #fff; cursor: pointer; display: block; font-size:20px; letter-spacing: 1px; float:right; font-weight:bold;  padding: 12px 20px; text-align: center; text-transform: uppercase;}
.contact-section input[type="button"]:hover{background:#51cffd;}
.contact-section input[type="submit"]{background:#00afef; margin-top:20px; margin-bottom:5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:none; border-radius:3px; color: #fff; cursor: pointer; display: block; font-size:20px; letter-spacing: 1px; float:right; font-weight:bold;  padding: 12px 20px; text-align: center; text-transform: uppercase;}
.contact-section input[type="submit"]:hover{background:#51cffd;}



span.wpcf7-not-valid-tip{background: #ffc000;padding: 4px 8px;}
div.wpcf7-validation-errors{background: #ffc000; margin:0; width:100%; clear:both; color:#f00;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{width: 100%; background: #ffc000; border:2px solid #ffc000; margin: 10px 0; clear: both;}

/** //contact-section **/

.news-section{ padding:30px; margin:60px 0; border-radius:4px; background:url(../images/header-bg.png) repeat;}
.news-section h2{ margin:0; padding:0; font-size:38px; color:#fff; line-height:50px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.news-section h2 span{color:#f3a21b;}
.news-section .block{ padding:25px; margin-top:30px; background:#cbcbcb; border-radius:25px 0;}
.news-section .block h3{ margin:0; padding:0; line-height:20px; color:#222; text-transform:uppercase; font-weight:700; font-size:15px;}
.news-section .block h4{ margin:0; padding:2px 0 8px; line-height:20px; color:#BA7604; font-weight:700; font-size:15px;}
.news-section .block p{ margin:0; padding:0; line-height:20px; color:#333; font-size:14px;}

.books-section{}
.books-section .col-md-4{background: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.4); min-height:520px; padding-bottom: 15px; padding-top: 15px; position:relative;}
.books-section .col-sm-4{background: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.4); min-height:520px; padding-bottom: 15px; padding-top: 15px; position:relative;}
.books-section p{ font-size:15px; color:#000; font-size:13px; text-align:justify; margin:0; padding:0 0 5px; z-index:2; position:relative;}
.books-section a:hover{ text-decoration:none;}
.books-section .bookimg{ float:right; margin:0 0 12px 12px; width:42%; position:relative; z-index:3;} 

.news-block{}
.news-block .block{background: rgba(255, 255, 255, 0.6); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 5px; margin-bottom: 30px;}
.news-block .block h3{font-size: 20px; margin: 0; padding: 15px 10px 10px 0; color:#002a61;}
.news-block .block h4{font-size:16px; color:#56FFFF; margin: 0; padding:0 10px 10px 0;}
.news-block .block p{margin:0; padding:0 10px 10px 0; color:#000; line-height:20px; font-size:15px;}
.news-block .block h5{margin:0; padding:0 10px 15px 0;}
.news-block .block h5 a{ color:#000; font-weight:600; text-decoration:none;}

.news-details-block{background: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 5px; padding:25px 10px;}
.news-details-block .img{ width:100%;}
.news-details-block h3{font-size: 20px; margin: 0; padding:0 0 10px;}
.news-details-block h3 span{ font-size:16px; color:#FFCA06;}
.news-details-block h4{font-size:18px; color:#37E5FF; margin: 0; padding:0 0 15px 0;}
.news-details-block p{margin:0; padding:0 0 15px 0; color:#000; line-height:20px; font-size:15px;}
.news-details-block hr{ margin:50px 0 0; border-bottom:1px dashed #fff; border-top:1px dashed #000;}
.news-details-block .form{margin:0 auto; width: 600px;}
.news-details-block .form h3{ font-size:32px; padding:30px 0; color:#000;}
.news-details-block label{ font-weight:600; font-size:18px; color:#ffda12; padding-top:4px; display:block;}
.news-details-block input[type="text"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom: 15px; padding: 12px 10px; width: 100%;}
.news-details-block input[type="text"]:focus{background: rgba(255, 255, 255, 1)}
.news-details-block input[type="email"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom: 15px; padding: 12px 10px; width: 100%;}
.news-details-block input[type="email"]:focus{background: rgba(255, 255, 255, 1)}
.news-details-block input[type="phone"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom: 15px; padding: 12px 10px; width: 100%;}
.news-details-block input[type="phone"]:focus{background: rgba(255, 255, 255, 1)}
.news-details-block input[type="password"]{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom: 15px; padding: 12px 10px; width: 100%;}
.news-details-block input[type="password"]:focus{background: rgba(255, 255, 255, 1)}
.news-details-block select{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom: 15px; padding: 12px 10px; width: 100%;}
.news-details-block select:focus{background: rgba(255, 255, 255, 1)}
.news-details-block textarea{background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; border-radius: 3px; color: #000; display: block; font-size: 14px; margin-bottom: 15px; padding: 12px 10px; width: 100%; resize:none; height:80px;}
.news-details-block textarea:focus{background: rgba(255, 255, 255, 1);}
.news-details-block input[type="button"]{background:#00afef; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:none; border-radius:3px; color: #fff; cursor: pointer; display: block; font-size:20px; letter-spacing: 1px; float:right; font-weight:bold;  padding: 12px 20px; text-align: center; text-transform: uppercase;}
.news-details-block input[type="button"]:hover{background:#51cffd;}
.news-details-block input[type="submit"]{background:#00afef; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:none; border-radius:3px; color: #fff; cursor: pointer; display: block; font-size:20px; letter-spacing: 1px; float:right; font-weight:bold;  padding: 12px 20px; text-align: center; text-transform: uppercase;}
.news-details-block input[type="submit"]:hover{background:#51cffd;}

p.comment-form-comment{ padding:0;}
h3#comments{ font-size:24px;}
ol.commentlist{font-size: 20px; color: #000; padding: 0 0 0 20px; font-weight: bold;}
img.avatar.avatar-32.photo{float: left; margin: 0 10px 10px 0;}
cite.fn{font-size: 17px; color:#ffda12;}
span.says{font-size: 16px; font-weight: normal;}
.comment-meta.commentmetadata a {font-size: 14px; font-weight: normal; padding: 6px 0; display: block;}
a#cancel-comment-reply-link{ color:#00afef;}
em.comment-awaiting-moderation{font-size: 14px; font-weight: normal; padding: 5px 0; font-style: normal;}
a.comment-reply-link{display: block; font-size: 15px; padding: 10px 0;}
ul.children li{ list-style:none;}

/*-- MOBILE RESPONSIVE START --*/
@media screen and (max-width:1200px) {
video{ display:none;}
.about-block .item{ width:92%;}
.books-section .col-md-4{min-height:600px;}
.books-section .col-sm-4{min-height:600px;}
}

@media screen and (max-width:991px) {
.about2-block p{padding: 30px 0 0;}
.mobile-block .slider-2{ background:none;}
.mobile-block h2{ padding:0; font-size:30px; line-height:32px;}
.mobile-block h2 span{ display:inline;}
.gallery-section .thumb-box{ width:32%;}
header #navigation-block{ padding-top:20px;}
.books-section .col-md-4{min-height:700px;}
.books-section .col-sm-4{min-height:700px;}
.news-block .block img{ width:100%;}
}

@media screen and (max-width:767px) {
.body-top h1{font-size: 22px; line-height: 30px;}
.body-top h1 span{font-size:50px; line-height:50px;}
.about-block img{ margin-bottom:30px;}
.about2-block h2 {font-size: 30px; line-height: 35px;}
.mobile-block p{ padding:20px 0;}
.about-section .img{ margin-top:30px;}
.about-section{ margin:30px 0;}
.gallery-section .thumb-box{ width:49%;}
header .logo-block{ width:240px;}
.about-section .img{ margin:0 0 30px;}
.contact-section .contact-form{ width:80%;}
.books-section .col-md-4{min-height:300px;}
.books-section .col-sm-4{min-height:300px;}
.books-section{margin: 0 auto; width: 92%;}
.news-details-block img{display: block; margin: 0 auto 30px;}
.news-details-block .form{width:92%;}
.news-details-block h4{ font-size:18px;}
.news-details-block h3{ font-size:16px;}
.books-section .bookimg{width:30%;}
}

@media screen and (max-width:500px) {
.about-block h2{ font-size:24px;}
.category-block h2{ font-size:30px;}
.category-block .col-xs-6{width:100%;}
.mobile-block h2 {font-size: 22px; letter-spacing: 1px; line-height: 32px;}
.contact-section h2{ font-size:25px; text-align:center;}
.gallery-section .thumb-box{ width:100%; height:auto;}
.gallery-section .thumb-box h3{ text-align:center;}
.gallery-section .thumb-box img{ width:100%; height:100%;}
.body-top{ padding-top:20%;}
.contact-section .contact-form{ width:92%;}
.contact-section h4{ font-size:28px;}
.news-details-block h4{ font-size:18px;}
}


.scroll_panel.view .scroll {
    animation: none;
}

.contact-section h2 {
    padding: 0 0 10px;
}
aside .book_title_ {
    font-weight: 700;
    font-size: 14px;
}




@media screen and (max-width:768px) {
body{
    background-size: unset;
}
.books-section .col-sm-4 {
    background: white;
    opacity: 0.9 !important;
}
.about2-block {
    padding: 0px;
}
}

@media screen and (max-width: 1200px) and (min-width: 900px) {
.books-section .col-sm-4 {
    min-height: 636px;
}

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
body {
    background-size: unset;
}
.books-section .col-sm-4 {
    min-height: 722px;
}
}