/*
Theme Name: Author Writer Pro
Theme URI: https://www.themespride.com/themes/author-writer-wordpress-theme/
Description: Author Writer WordPress theme is one of the best premium themes designed for authors and writers. The theme ensures to gives the best user experience to its users. Its based on bootstrap framework that makes it very handy to use. It is cross-browser compatible that loads smoothly and speedily on all browsers. It has advance options for customization so you can freely customize your site as you like. Advance colour options and colour pallets are available to help you make your site beautiful and eye-catchy. You can add custom codes like available shortcodes or CSS/JS if you want to add more functionality to your site. Advance slider let’s you create a stunning slider with multiple images upload options available. It is integrated with font awesome icon and has 100+ font family options to select from.
Author: Themespride
Author URI: https://www.themespride.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, education, food-and-drink, e-commerce
Text Domain: author-writer-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
  font-family: 'Manrope', sans-serif;
  color: #898d94;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Manrope', sans-serif;
}

a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#aa8a63;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
a.cart-customlocation p.cart-item-box{
  background: #aa8a63;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #222222;
}
.page-404 h3{
	font-size: 38px;
	color: #222222;
}
.page-404 hr{
	width: 10%;
	background: #e1e1e1;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #2f2d3d;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #222222;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#aa8a63;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #fff;
  font-size: 20px;
}
.social-links a:hover,.top-header p{
	color: #fff; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:right;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color:#757575;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#aa8a63;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #767c83;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #f69400;
	border-left: 0;
	border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #f69400;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #f69400;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #222222;
	margin: 10px 0; 
 }
 a.cart-customlocation i {
  font-size: 20px;
  cursor: pointer;
	color: #ffff;
	background: #f69400;
	width: 40px;
	height: 40px;
	padding: 10px 0;
	border-radius: 50%;
	margin: 10px 0; 
 }
 a.cart-customlocation i:hover{
 	background: #f69400;
 }
 .header-search .open-search-form i:hover{
 	color: #f69400;
 }
 a.cart-customlocation i:hover{
 	color: #fff;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #222222;
  font-weight: 800;
}
.post-content p{
	color: #898d94;
}
.post-meta i{
	color: #f69400;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.post-box {
    background: #fff;
    border: 1px solid  #e9e7f4;
}
.latest-post .post-meta{
	border-radius: 0 0px 15px 15px;
	border-top: none;
	background: #fff;
}
.latest-post .post-date {
    float: right;
}
.latest-post .post-meta a {
    color: #767c83;
    font-weight: 600;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}
.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #f69400;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#f69400 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #f69400;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #2f2d3d;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.single-events .fas{
	color: #f69400;
}
.latest-post h4.post-title {
  color: #222222;
  font-weight: 800;
  font-size: 20px;
}
.latest-post .post-content p{
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-post{
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  border-radius: 10px;
}
.latest-post .post-meta {
  border: 1px solid  #e9e7f4;
  border-top: none;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #222222;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
.latest-post .post-date{
  background: #f69400;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 25px;
  position: absolute;
  top: 43%;
  right: 50px;
}
.latest-post .far.fa-calendar-alt{
  color: #fff;
}
.latest-post .far{
  color: #f69400;
  font-size: 18px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #f69400;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #2f2d3d;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #f69400;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #2f2d3d;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #f69400;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.author-writer-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.author-writer-pro-pagination a span,
.author-writer-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.author-writer-pro-pagination span.current,
.author-writer-pro-pagination span.current:hover,
.author-writer-pro-pagination span.current:focus,
.author-writer-pro-pagination a span:hover,
.author-writer-pro-pagination a span:focus {
	background:#f69400;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #f69400;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  border-radius: 6px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #222222;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 2px #f69400;
  color: #222222;
  font-size: 24px;
  font-weight: 800;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #f69400;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: none;
  float: unset;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: none;
}
.searchform input[type=submit]{
	background: #f69400;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
  border-radius: 0 6px 6px 0;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#2f2d3d;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }

footer {
	background: #2c2e44;
	border-top: 1px solid #424357;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #acaebf;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

/*Single Page*/

.page-single .upcoming-causes-content, .page-single .upcoming-events-content{
	background: #e9f2ef;
	border-radius: 10px;
}

.single-events .event-time span, .single-events .event-location span{
	color: #62646c;
	font-weight: 600;
}

.upcoming-events-content  .post-date{
  background: #f69400;
  position: absolute;
  top: 45%;
  left: 70%;
  right: 45px;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
}

/*SCROLL TO TOP BUTTON*/
#button_scroll {
  display: inline-block;
  background: #f69400;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #f69400;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}

#button_scroll:hover {
  background: #2f2d3d;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #f69400 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 

/*Body*/

header#site-navigation{
	background: #fff;   
}
.top-header{
  background: #f69400;
}
.top-header span.dashicons{
	color: #fff;
	font-size: 25px;
}
.top-header span{
	color: #fff;
}
#site-navigation .button1{
  background: transparent;
  border-radius: 6px;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500  ;
  position: relative;
  color: #222222;
}
#site-navigation .button1:hover{
  background: #f69400;
  color: #fff;
}
#site-navigation .button2{
  background: #f69400;
  color: #fff;
  border-radius: 6px;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500  ;
  position: relative;
}
#site-navigation .button2:hover{
  background: #fff;
  color: #222222;
}


/*SLIDER SECTION*/ 

#slider .slider-box{
	background: black;
}
#slider .slider-box {
  background: #fff1dd;
}
#slider .carousel-caption{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 50%;
	text-align: left;
}
#slider h1{
  font-size: 60px;
  color: #222222;
  font-weight: 700;
}
#slider h5{
  color: #f69400;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}
#slider .owl-carousel .owl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}
#slider .owl-carousel .owl-nav button.owl-prev{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #f6d09a;
	color: #fff;
	outline: none;
	position: relative;
	left: 20px;
}
#slider .owl-carousel .owl-nav button.owl-next{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #f69400;
	color: #fff;
	outline: none;
	float: right;
	position: relative;
	right: 20px;
}
#slider .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
  display: none;
}
#slider .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f6d09a;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}
#slider  .button1{
  display: inline-block;
  padding: 20px 35px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500	;
  position: relative;
}
#slider  .button2{
  display: inline-block;
  padding: 20px 35px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500	;
  position: relative;
}
#slider .button1:hover {
  background: #2f2d3d;
  border-radius: 6px;
}
#slider .button2:hover {
  background: #f69400;
  border-radius: 6px;
}
#slider .button1::after,
#slider .button2::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#slider .button1::before,
#slider .button1::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#slider .button2::before,
#slider .button2::after {
	background: #2f2d3d;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#slider  .button1::after, #slider  .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button1:hover:after, #slider .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Awards Author*/

#awards .awards{
  background: #ffffff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  position: relative;
  bottom: 100px;
}
#awards .owl-carousel .owl-item img{
  display: inline-block;
}
#awards .award-icons{
  display: inline-flex;
  background: #f69400;
  color: #ffffff;
  border-radius: 25px;
  position: relative;
  bottom: 70px;
}
#awards .dashicons{
  font-size: 24px;
}
#awards h6{
  margin-bottom: 0;
  font-weight: 800;
}
#awards .owl-dots {
  text-align: center;
  width: 100%;
  position: relative;
  top: 10px;
}
#awards .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f6d09a;
  margin: 0 5px;
}
#awards .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}

/*About US*/

#aboutus .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
} 
#aboutus .Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #ffab18;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#aboutus .rating{
  background: #ffffff;
  border-radius: 10px;
  filter: drop-shadow(-32.736px 35.105px 20px rgba(0,0,0,0.1));
  display: inline-block;
  position: relative;
  bottom: 85px;
  left: 10px;
}
#aboutus .rating-customer{
  color: #111111;
  font-weight: 600;
}
#aboutus .dashicons{
  font-size: 42px;
  color: #f69400;
  position: relative;
  bottom: 7px;
}
#aboutus .rating-based{
  border-radius: 10px;
  background: #f9f8ff;
  border: 1px solid #e9e7f4;
}
#aboutus h5{
  color: #f69400;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 800;
  text-transform: uppercase;
}
#aboutus h3{
  font-size: 52px;
  color: #222222;
  font-weight: 700;
}
#aboutus .aboutus-title{
  border-radius: 6px;
  background: #f69400;
  color: #ffffff;
}
#aboutus .title{
  background: #e58a02;
  border-radius: 6px;
}
#aboutus .title p{
  margin-bottom: 0;
  font-family: 'Kalam', cursive;
}
#aboutus .writer-post , #aboutus .profile{
  margin-bottom: 0;
  font-weight: 700;
}
#aboutus .author-name{
  margin-bottom: 0;
  font-weight: 800;
}

/*Favorites Books*/

#books h5{
  letter-spacing: 1px;
  font-size: 18px;
  color: #f69400;
  line-height: 35px;
  font-weight: 800;
  text-transform: uppercase;
}
#books h3{
  font-size: 32px;
  color: #222222;
  font-weight: 800;
}
#books .book-section{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 20px rgba(114,114,144,0.1));
}
#books .product-image img{
  height: auto;
}
#books del{
  text-decoration-line: none;
  color: #cfcfcf;
  font-weight: 800;
  text-decoration: line-through;
}
#books ins{
  text-decoration-line: none;
  color: #222222;
  font-weight: 800;
}
#books .price{
  font-size: 18px;
}
#books .product-details h4{
  color: #222222;
  font-weight: 800;
  font-size: 17px;
}
#books .admin a{
  color: #f69400;
  font-weight: 800;
  font-size: 15px;
  text-transform: uppercase;
}
#books .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
}
#books .owl-carousel .owl-nav button.owl-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f6d09a;
  color: #fff;
  outline: none;
  position: relative;
  float: left;
  right: 100px;
}
#books .owl-carousel .owl-nav button.owl-next{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f69400;
  color: #fff;
  outline: none;
  float: right;
  position: relative;
  left: 100px;
}
#books .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
}
#books .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f6d09a;
  margin: 0 5px;
}
#books .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}
#books .cart-button {
  position: absolute;
  top: 85%;
  right: 0;
  margin: 10px 0;
  float: right;
  display: inline-block;
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
#books .icon {
  background: #f5f5f5;
  width: 45px;
  height: 45px;
  padding: 12px;
  border-radius: 6px;
  color: #fe7900;
  border: 1px solid #cbcdcd;
  text-align:center;
  position: relative;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
}
#books .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
  color:#fe7900;
  background: #f5f5f5;
  font-weight: 600;
  position:absolute;
  bottom:0;
  right:-50px;
  width: 100px;
  left: -65px;
  padding:10px 10px;
  z-index:-1;
  font-size:14px;
  border-radius:6px;
  visibility:hidden;
  opacity:0;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#books .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before {
  content:'';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}

/* text pops up when icon is in hover state */

#books .book-section:hover .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  bottom:115px;
  visibility:visible;
  opacity:1;
  width: 95px;
}

#books .icon::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
}
#books .icon:before{
  z-index: 99;
  position: relative;
}
#books a.added_to_cart.wc-forward{
  position: absolute;
  transform: translateY(-30%);
  bottom: 103px;
  width: 100px;
  padding: 10px;
  background: #f5f5f5;
  color: #fe7900;
  font-weight: 600;
  right: 112px;
  border-radius: 6px;
  font-size: 14px;
}
#books a.added_to_cart.wc-forward:before {
  content:'';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}


/*Latest Event*/

#events h5{
  letter-spacing: 2px;
  font-size: 18px;
  text-transform: uppercase;
  color: #f69400;
  font-weight: 800;
  line-height: 35px;
}
#events h3{
  font-size: 32px;
  color: #222222;
  font-weight: 800;
}
#events .eventss{
  margin: 5px;
  border: 1px solid #e9e7f4;
  border-radius: 10px 10px 10px 10px;
}

#events .catname{
  clip-path: polygon(100% 0%, 94% 48%, 100% 100%, 0 100%, 0 50%, 0 1%);

  background: #f69400;
  color: #ffffff;
  font-weight: 800;
  padding: 10px 20px;
  text-transform: uppercase;
}
#events .post-title a{
  font-size: 28px;
  color: #222222;
  font-weight: 800;
  text-transform: none;
  letter-spacing: normal;
}
#events .far, #events .fas {
  border-radius: 1px;
  color: #f69400;
}
#events .owl-nav{
  position: relative;
  float: right;
  bottom: 70px;
  font-size: 30px;
  color: #222222;
  border-left: 1px solid #e9e7f4;
  width: 100px;
}
#events .event-location{
  border-top: 1px solid #e9e7f4;
}
#events .event-location span{
  color: #222222;
  font-weight: 500;
}
#events .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
  display: none;
}
#events .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f6d09a;
  margin: 0 5px;
}
#events .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}

/*Selling Books*/

#selling-book h5{
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 35px;
  text-transform: uppercase;
  color: #f69400;
  font-weight: 800;
}
#selling-book h3{
  font-size: 32px;
  color: #222222;
  font-weight: 800;
}
#selling-book img{
  width: 100%;
}
#selling-book .book-section{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 20px rgba(114,114,144,0.1));
}
#selling-book del{
  text-decoration-line: none;
  color: #cfcfcf;
  font-weight: 800;
  text-decoration: line-through;
}
#selling-book ins{
  text-decoration-line: none;
  color: #222222;
  font-weight: 800;
}
#selling-book .price{
  font-size: 18px;
}
#selling-book .product-details h4{
  color: #222222;
  font-weight: 800;
  font-size: 17px;
}
#selling-book .admin a{
  color: #f69400;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 15px;
}
#selling-book .button2{
  display: inline-block;
  padding: 20px 35px;
  margin: 5px 5px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500  ;
  position: relative;
}

#selling-book .button2:hover {
  background: #2f2d3d;
  border-radius: 6px;
}

#selling-book .button2::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#selling-book .button2::before,
#selling-book .button2::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}

#selling-book .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#selling-book .button2:hover:after{
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#selling-book .add-to-cart{
  position: relative;
  float: right;
  width: 50px;
  height: 50px;
  text-align: center;
  bottom: 67px;
  border: 1px solid #e8e6f4;
  border-radius: 6px;
  padding: 10px 10px;
  background: #f9f8ff;
  color: #f69400;
}
#selling-book .add-to-cart:hover{
  color: #2f2d3d;
}
#selling-book .cart-button {
  position: absolute;
  top: 85%;
  right: 0;
  margin: 10px 0;
  float: right;
  display: inline-block;
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
#selling-book .icon {
  background: #f5f5f5;
  width: 45px;
  height: 45px;
  padding: 12px;
  border-radius: 6px;
  color: #fe7900;
  border: 1px solid #cbcdcd;
  text-align:center;
  position: relative;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
}
#selling-book .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
  color:#fe7900;
  background: #f5f5f5;
  font-weight: 600;
  position:absolute;
  bottom:0;
  right:-50px;
  width: 100px;
  left: -65px;
  padding:10px 10px;
  z-index:-1;
  font-size:14px;
  border-radius:6px;
  visibility:hidden;
  opacity:0;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#selling-book .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before {
  content:'';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}

/* text pops up when icon is in hover state */

#selling-book .book-section:hover .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  bottom:115px;
  visibility:visible;
  opacity:1;
  width: 95px;
}

#selling-book .icon::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
}
#selling-book .icon:before{
  z-index: 99;
  position: relative;
}
#selling-book a.added_to_cart.wc-forward{
  position: absolute;
  transform: translateY(-30%);
  bottom: 103px;
  width: 100px;
  padding: 10px;
  background: #f5f5f5;
  color: #fe7900;
  font-weight: 600;
  right: 112px;
  border-radius: 6px;
  font-size: 14px;
}
#selling-book a.added_to_cart.wc-forward:before {
  content:'';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}


/*Join Us Section*/

#join-us img{
  height: 100%;
}
#join-us h6{
  letter-spacing: 3px;
  font-size: 18px;
  color: #f69400;
  font-weight: 800;
  text-transform: uppercase;
}
#join-us h5{
  font-size: 28px;
  color: #222222;
  font-weight: 700;
}
#join-us .join-us-form{
  border-radius: 10px;
  background-color: #f69400;
}
#join-us input.wpcf7-form-control.wpcf7-text{
  border-radius: 6px;
  background-color: #e58a02;
  width: 100%;
  padding: 15px 25px;
  color: #ffffff;
  font-weight: 400;
  outline: none;
  border: none;
  margin: 10px 0;
}
#join-us input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#join-us label{
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  margin: 10px 0;
}
#join-us input.wpcf7-form-control.has-spinner.wpcf7-submit{
  display: inline-block;
  padding: 15px 35px;
  margin-top: 15px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  width: 100%;
  border-radius: 6px;
  background: #2f2d3d;
  border: none;
}
#join-us .wpcf7-spinner{
  display: none;
}
#join-us input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #fff;
  color:#2f2d3d; 
  border-radius: 6px;
  font-weight: 500;
  border: none;
}
#join-us .wpcf7 form.failed .wpcf7-response-output, #join-us .wpcf7 form.aborted .wpcf7-response-output{
  color: #fff;
  border-color: #fff;
}

/*Testimonial Section*/

#testimonial h5{
  letter-spacing: 2px;
  font-size: 18px;
  line-height: 35px;
  text-transform: uppercase;
  color: #f69400;
  font-weight: 800;
}
#testimonial h3{
  font-size: 32px;
  color: #222222;
  font-weight: 800;
}
#testimonial .testimonial-text{
  border-radius: 10px;
  filter: drop-shadow(0 0 20px rgba(114,114,144,0.1));
  background-color: #ffffff;
}
#testimonial .testimonial-text img{
  width: auto;
}
#testimonial .testimonial-text h5{
  letter-spacing: normal;
  text-transform: none;
  color: #222222;
  font-weight: 800;
}
#testimonial .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
} 
#testimonial .Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #ffab18;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 40px;
}
#testimonial .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f6d09a;
  margin: 0 5px;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}
#testimonial span.dashicons.dashicons-format-quote{
  color: #f69400;
  font-size: 50px;
  transform: rotate3d(0, 180, 0, 180deg);
  position: relative;
  float: right;
  right: 35px;
  bottom: 40px;
}

/*Interview*/

#interview h5{
  letter-spacing: 2px;
  font-size: 18px;
  text-transform: uppercase;
  color: #f69400;
  font-weight: 800;
  line-height: 35px;
}
#interview h3{
  font-size: 32px;
  color: #222222;
  font-weight: 800;
}
#interview a.button::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 800; 
    content: "\f061";
    font-size: 20px;
}
#interview a.button:before{
  display: block;
  z-index: 99;
  position: relative;
  float: right;
  left: 15px;
  background: transparent;
}
#interview .button{
  display: inline-block;
  padding: 20px 30px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500  ;
  position: relative;
}
#interview .button:hover {
  background: #2f2d3d;
  border-radius: 6px;
}
#interview .button::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#interview .button::before,
#interview .button::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#interview .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#interview .button:hover:after{
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#interview i{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid;
  padding: 15px 15px;
  font-size: 18px;
  text-align: center;
  color: #a09eb0;
}
#interview .fab:hover{
  background: #f69400;
  color: #fff;
}
#interview .owl-carousel .owl-nav{
  position: absolute;
  top: 27%;
  left: 0;
  right: 50px;
  display: block;
}
#interview .owl-carousel .owl-nav button.owl-prev{
  color: #f69400;
  position: relative;
  right: 20px

}
#interview .owl-carousel .owl-nav button.owl-next{
  color: gray;

}
#interview .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
}
#interview .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f69400;
  margin: 0 5px;
}
#interview .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}
#interview embed#play{
  border-radius: 10px;
}
#interview embed{
  width: 100%;
  height: 400px;
  border-radius: 6px;
}
#interview .icon{
  position: absolute;
  display: block;
}
#interview .video-section:after{
  background: #f69400;
  content: '';
  padding: 5px;
  width: 90%;
  border-radius: 0 0 20px 20px;
  display: block;
  margin: auto; 
  position: relative;
  bottom: 8px;
}
#interview .video-section:before{
  background: #f69400;
  content: '';
  padding: 5px;
  width: 90%;
  border-radius: 20px 20px 0 0;
  display: block;
  margin: auto; 
}


/*Expirience*/

#expirience .expirience-text h3{
  font-size: 38px;
  color: #1d1f1a;
  font-weight: 800;
  display: inline;
}
#expirience .expirience-text p{
  color: #757575;
  font-weight: 400;
}
#expirience .button{
  display: inline-block;
  padding: 15px 35px;
  margin: 5px 5px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500  ;
  position: relative;
}

#expirience .button:hover {
  background: #2f2d3d;
  border-radius: 6px;
}

#expirience .button::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#expirience .button::before,
#expirience .button::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}

#expirience .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#expirience .button:hover:after{
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Recent News*/

#recent-news h5{
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f69400;
  font-weight: 800;
  font-size: 18px;
  line-height: 35px;
}
#recent-news h3{
  font-size: 32px;
  color: #222222;
  font-weight: 800;
}
#recent-news h4.post-title {
  color: #222222;
  font-weight: 800;
  font-size: 18px;
}
#recent-news .post-content p{
  color: #757575;
  font-weight: 400;
}
#recent-news .admin a, #recent-news .comments{
	color: #757575;
	font-weight: 600;
}
#recent-news .post-content{
  border-bottom: 1px solid #e9e7f4;
}
#recent-news .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
#recent-news .post-item{
  background:#fff;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  border: 1px solid  #edf1f5;
  margin: 20px 0;
  border-radius: 10px;
}
#recent-news  .post-meta {
  border-top: 1px solid  #edf1f5;
}
#recent-news .far.fa-calendar-alt, #latest-tips .fas.fa-bookmark{
  color: #717982;
} 
#recent-news .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
#recent-news figure{
  margin: 0;
  padding: 0;
  background: #222222;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}
#recent-news figure:hover+span{
  opacity: 1;
}
#recent-news figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#recent-news .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
#recent-news .post-date{
  background: #f69400;
  color: #ffffff;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 25px;
  position: relative;
  float: right;
  right: 20px;
  bottom: 20px;
}
#recent-news .far.fa-calendar-alt{
  color: #fff;
}
#recent-news .far{
  color: #f69400;
  font-weight: 600;
}
#recent-news .button{
  display: inline-block;
  padding: 20px 35px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500  ;
  position: relative;
}
#recent-news .button:hover {
  background: #2f2d3d;
  border-radius: 6px;
}
#recent-news .button::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#recent-news .button::before,
#recent-news .button::after {
  background: #f69400;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#recent-news .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#recent-news .button:hover:after{
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  font-size: 14px;
  color: #737b82;
  font-weight: 500;
}
 .footer-area h4.title{
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 20px
 }
 .footer-area hr{
  background: #fc4075;
  padding: 1px;
  margin-right: 65%;
 }
.copyright {
  background: #1a1d21;
  color: #fff;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #f69400;
}
.footer-area  .fab{
  width: 40px;
  height: 40px;
  padding: 11px 13px;
  border: 1px solid #38424d;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 10px;
  color: #7b8591;
  cursor: pointer;
}
.footer-area .fab:hover{
  background: #f69400;
  color: #fff;
  border: none;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
    border-radius: 4px;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #f69400;
  font-size: 18px;
}
.footer-area ul {
    padding: 0px;
    list-style: none;
    line-height: 2;
  }
.footer-area ul li{
  margin: 10px 0; 
}


/*Contact Page*/

#contact .contact-title{
  font-size: 50px;
  color: #222222;
}
#contact .contact-cont{
  margin-left: 10%;
  margin-right: 10%;
}
#contact .dashicons{
  font-size: 50px;
  color: #f69400;
  display: inline;
}
#contact h4{
  text-transform: uppercase;
  color: #222222; 
  font-weight: 700;
}
#contact .contact-form h2{
  font-size: 44px;
  color: #222222;
}
#contact input.wpcf7-form-control.wpcf7-text{
  width: 25%;
  padding: 10px 20px;
  margin: 20px 15px; 
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 53%;
  height: 100px;
  padding: 15px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 15px 35px;
  margin-top: 30px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  border-radius: 6px;
  background: #f69400;
  border: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #2f2d3d;
  color:#fff; 
  border-radius: 6px;
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #f69400;
		padding: 0 10px;
		color: #fff;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #222222;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #222222;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	.top-header .intro-button{
		width: 60%;
		display: inline-block;
	}
	.top-header a.button{
		padding: 5px 0;
	}
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #contact hr {
   width: 20%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	}
	#recent-blog .post-date{
		top: 28%;
	}
	.single-events img{
		width: 100%;
	}
  #site-navigation .button1, #site-navigation .button2{
    padding: 10px 10px;
  }
  #slider .slider-div2 { order: 1; }
  #slider .slider-div1 { order: 2; }
  #slider h5{
    font-size: 14px;
  }
  #slider h1{
    font-size: 32px;
  } 
  #slider .button1 {
    padding: 12px 12px;
    font-size: 14px;
  }
  #slider .button2{
    padding: 12px 12px;
    font-size: 14px;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots{
    display: block;
    bottom: 15px;
    position: relative;
  }
  #awards .awards{
    position: unset;
    bottom: 50px;
  }
  #awards .award-icons{
    bottom: 35px;
  }
  #aboutus h3{
    font-size: 32px;
  }
   #aboutus .aboutus-image img{
    width: 100%;
   }
   #aboutus .rating {
    bottom: 5px;
    left: 0;
  }
  #books .owl-carousel .owl-nav{
    display: none;
  }
  #books .owl-dots{
    display: block;
  }
  #events .owl-nav{
    display: none;
  }
  #events img{
  	border-radius: 10px;
  }
  #events .owl-dots{
    display: block;
    position: relative;
    top: 5px;
  }
  #events .eventss{
  margin: 0;
  }
  #testimonial h3{
    font-size: 28px;
  }
  #testimonial .testimonial-text img{
    display: inline-block;
  }
  #testimonial .owl-dots{
    display: block;
    top: 25px;
  }
  #join-us input.wpcf7-form-control.wpcf7-text{
    padding: 10px 15px;
  }
  #interview .interview-div2 { order: 1; }
  #interview .interview-div1 { order: 2; }
  #interview .owl-carousel .owl-nav {
    display: none;
  }
  #interview .owl-dots{
    display: block;
  }
  #interview .button{
    padding: 10px 30px;
  }
  #interview embed{
    width: 100%;
    height: 100%;
  }
  #expirience img{
    width: 100%;
  }
  #expirience .button{
    padding: 10px 30px;
  }
  #expirience .expirience-text h3 {
    font-size: 28px;
  }
  #events .event-time{
    display: inline-block;
  }
  #contact .contact-title{
    font-size: 34px;
  }
  #contact .contact-form h2{
    font-size: 32px;
  }
  #contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
    padding: 10px 30px;
  }
  #contact embed{
    width: 100%;
    height: 100%;
  }
  .latest-post .post-date{
    padding: 10px 15px;
    top: 35%;
    right: 40px;
  }
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .top-header .call-text,   .top-header .email-text{
  	font-size: 12px;
  }
  .top-header p{
  	font-size: 12px;
  }
  .top-header span.dashicons{
  	font-size: 28px;
  }
  .top-header a.button{
  	font-size: 8px;
  	padding: 5px 3px;
  }
  #main-menu ul li a{
  	padding: 10px 12px;
  	font-size: 14px;
  	padding-left: 0;
  }
  .logo-image img{
    width: 100%;
  }
  #slider .carousel-caption{
  	top: 35%;
  	left: 10%;
  	right: 25%;
  }
  #slider .owl-carousel .owl-nav{
  	display: none;
  }
  #slider .owl-dots{
  	display: block;
  	bottom: 10px;
  }
  #contact .contact-text, #contact .address-text, #contact .mail-text{
		height: 200px;
	}
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 93%;
		margin: 10px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 45%;
		margin: 10px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  #site-navigation .button1, #site-navigation .button2{
    font-size: 12px;
    padding: 10px 15px;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider h1{
    font-size: 40px;
  } 
  #slider .button1 , #slider .button2{
    padding: 15px 25px;
    margin: 10px 0;
  }
  #books .owl-carousel .owl-nav{
    display: none;
  }
  #awards .awards{
    position: unset;
  }
  #aboutus h3 {
    font-size: 28px;
  }
  #aboutus .author-name{
    font-size: 14px;
  }
  #events .post-title a{
    font-size: 18px;
  }
  #events .catname {
    clip-path: polygon(100% 0%, 91% 48%, 100% 100%, 0 100%, 0 50%, 0 1%);
    padding: 10px 18px;
    font-size: 12px;
  }
  #events p.content{
    display: none;
  }
  #events .owl-nav{
    display: none;
  }
  #interview .owl-carousel .owl-nav {
    top: 9%;
    left: 80%;
  }
  #expirience img{
    width: 100%;
  }
  #expirience .expirience-text h3 {
    font-size: 32px;
  }
  #expirience .button{
    padding: 10px 30px;
  }
  #contact .contact-title{
    font-size: 40px;
  }
  #contact embed{
    width: 100%;
    height: 400px;
  }
  .latest-post .post-date{
    padding: 7px 10px;
    font-size: 13px;
    right: 25px;
    position: absolute;
    top: 27%; 
  }
  .latest-post h4.post-title{
  	font-size: 16px;
  }
  .latest-post .post-meta a, .post-meta span{
  	font-size: 14px;
  }
  .latest-post .far{
  	font-size: 12px;
  }
  #books a.added_to_cart.wc-forward{
    bottom: 90px;
    right: 135px;
  }
  #books .book-section:hover .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    bottom: 103px;
  }
  #books .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    left: -80px;
  }
	
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	.top-header a.button{
		padding: 5px 5px;
	}
	#main-menu ul li a{
		padding: 10px 10px;
	}
	#slider .carousel-caption{
		top: 40%;
		right: 39%;
	}
  #slider h1 {
    font-size: 44px;
  }
  #slider h5{
    font-size: 18px;
  }
  #books .owl-nav{
    display: none;
  }
  #interview .button{
    padding: 12px 19px;
  }
  #recent-news h4.post-title{
    font-size: 17px;
  }
	#recent-news .post-date{
    font-size: 14px;
  }
  #aboutus h3 {
    font-size: 46px;
  }
  #events .owl-nav{
  	display: none;
  }
  .latest-post .post-date{
    padding: 8px 15px;
    top: 35%;
    right: 35px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	#slider .carousel-caption{
		right: 45%;
	}
	#eventss .owl-carousel .owl-nav{
		left: -4%;
		right: -4%;
	}
	
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
}