/*
Theme Name: Designer Services Pro
Theme URI: https://www.misbahwp.com/themes/designer-services-wordpress-theme/
Description: Designer Services WordPress Theme has a retina-ready, modern and luxurious design ideal for companies and individuals to develop a wonderful website with so many options for customization. The theme offers translation into various languages and also has support for RTL layout. It offers many advance options such as advance colour options and palettes to design eye-catchy and colourful pages. With advance slider you can create beautiful sliders and engage visitors on your site. The theme has options and features using customizer API. It comes SEO-ready to help your site with quick search engine ranking. It is mobile-friendly and responsive enough to accommodate in all screen sizes. Customize and include background images to make your site look unique. You can also use the pre-built pages to create your site swiftly and easily. Using the social media feature you can connect with your clients on social media platforms.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 2.0
Requires PHP: 5.6
Tested up to: 5.9
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: designer-services-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;
  color: #757575;
  text-transform: capitalize;
}
.post-single span{
  text-transform: capitalize;
}

body {
  font-family: 'Readex Pro', sans-serif;
  color: #757575;
  margin:0;
  background: #fff;
}
h1,h2{
  font-family: 'Inter', sans-serif;
}
h3, h4, h5, h6{
  font-family: 'Readex Pro', 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:#ff497c;
  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;
}x
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #222222;
}
.page-404 h3{
	font-size: 38px;
	color: #ff497c;
}
.page-404 hr{
	width: 10%;
	background: #222222;
	padding: 1px;
}
.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: #222222;
}
.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: #ff497c;
  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:#222222;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

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

.social-links a {
  color: #ff497c;
  font-size: 18px;
}
.social-links a:hover{
	color: #222222; 
	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: #222222;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
  text-transform: capitalize;
  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:#ff497c;
}
#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: #222222;
	-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 #ff497c;
	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: #ff497c;
	-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: #222222;
	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: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: -30%;
    left: 50%;
    background: #ff497c;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
 }
 .header-search .open-search-form i:hover{
 	color: #222222;
 }
/* 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-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #222222;
  font-weight: 800;
}
.post-content p{
	color: #707070;
}
.post-meta i{
	color: #ff497c;
}
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%;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
 
.latest-post .post-date {
  float: left;
}
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.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: #ff497c;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#222222 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #ff497c;
	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: #222222;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #222222;
  font-weight: 600;
  font-size: 18px;
}
.latest-post h4 a:hover{
  color: #ff497c;
}
.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-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  border-radius: 10px;
}
.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 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%;
  border-radius: 10px 10px 0 0;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
  border-radius: 10px 10px 0 0;
}
.latest-post .date-meta{
  background: #ff497c;
  border-radius: 30px;
  color: #fff;
  float: right;
  padding: 5px 20px;
}
.latest-post .far.fa-calendar-alt{
  color: #db1d14;
}
.latest-post .far{
  color: #707070;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  color: #ff497c;
  text-decoration: underline;
  font-weight: 600;
  text-transform: capitalize;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ff497c;
  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: #222222;
}
.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: #ff497c;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #222222;
  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 #222222;
    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,
.designer-services-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.designer-services-pro-pagination a span,
.designer-services-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,
.designer-services-pro-pagination span.current,
.designer-services-pro-pagination span.current:hover,
.designer-services-pro-pagination span.current:focus,
.designer-services-pro-pagination a span:hover,
.designer-services-pro-pagination a span:focus {
	background:#ff497c;
  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: #222222;
	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 5px 8px rgba(0,0,0,0.08));
}
.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 3px #ff497c;
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  background: #fff;
}
.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: #222222;
	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: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#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: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #ff497c;
	border: none;
	color: #fff;
	font-size:15px;
	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;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#222222;
	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: #fff;
}
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: #757575;
}
.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;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #ff497c;
  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.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background: #222222;
}
#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: #ff497c;
  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: #212121;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff 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 #ff497c 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: #fff;
  border-bottom: 2px solid #e7e7e7;
}
.top-header select#gtranslate_selector{
  border: none;
  outline: none;
  color: #222222;
}
.top-header .dashicons{
  color: #ff497c;
  font-size: 24px;
}
.top-header  span{
  color: #222222;
}
.header-menu .search-box{
  background: #f6f5f2;
  border-radius: 6px;
}
.header-menu form#searchform{
  display: flex;
}
.header-menu input#search{
  width: 100%;
  padding:10px;
  outline: none;
  color: #b4b4b4;
  border: none;
  background: #f6f5f2;
}
.header-menu input#search::placeholder{
  color: #b4b4b4;
}
.header-menu button.search-button{
  border: none;
  background: transparent;
  float: right;
  outline: none;
  color: #ff497c;
}


/*SLIDER SECTION*/ 

#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 55%;
  right: 10%;  
}
#slider h2{
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 4px;
}
#slider h1{
  color: #fff;
  font-weight: 600;
  font-size: 44px;
  text-transform: uppercase;
}
#slider .button{
  background: #fff;
  color: #222222;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
}
#slider .button:hover{
  background: #ff497c;
  color: #fff;
}
#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button::before,
#slider .button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .slick-slide > A {
  display: block;
  position: relative;
  width: 100%;
}
#slider .slider-image-box{
  position: relative;
}
#slider img{
  width: 100%;
}
#slider .slick-dots {
  bottom: 3%;
  position: absolute;
  left: 80%;
  width: auto;
}

#slider .slick-dots LI {
  width: 80px;
  height: 80px;
  margin: 0 5px;
  border: 5px solid #fff;
}

#slider .slick-dots LI.slick-active {
   border: 5px solid #ff497c;
}

#slider .slick-dots LI.slick-active BUTTON,
#slider .slick-dots LI:hover BUTTON {
  opacity: 1;
  transform: scale(1);
}

#slider .slick-dots LI BUTTON {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  transition: all .5s ease;
  transform: scale(.75,.75);
}
#slider .slick-dots LI BUTTON IMG {
  display: block;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#slider .slick-dots LI BUTTON:before {
  display: block;
  position: relative;
  content: '';
  width: 100%;
  padding-top: 100%;
  height: auto;
}
#slider .rating-box{
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  top: 90%;
  left: 60%;
}

#slider .heading{
  color: #222222;
  font-weight: 700;
  font-size: 22px;
}
#slider .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: block;
  font-size: 24px;
  color: #db9f00;
} 
#slider .Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #db9f00;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#slider .star-text, #slider .member{
  color: #757575;
  font-size: 16px;
  margin: 0 5px;
}

/*Counter Section*/

#counter h3{
  color: #222222;
  font-size: 32px;
}
#counter .counter-text{
  border-radius: 6px;
}
#counter .counter-text1, #counter .counter-text5{
  background: #fff8dd;
  color: #ffca00;
  position: relative;
  bottom: 20px;
}
#counter .counter-text2, #counter .counter-text6{
  background: #e7f9fa;
  color: #06e3ef;
  position: relative;
  top: 10px;
}
#counter .counter-text3, #counter .counter-text7{
  background: #ffe9ea;
  color: #ff565e;
  position: relative;
  bottom: 20px;
}
#counter .counter-text4, #counter .counter-text8{
  background: #d9fff9;
  color: #14d0b1;
  position: relative;
  top: 10px;
}
#counter .counter-icon {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 5px 0;
}
#counter .counter-icon1 ,#counter .counter-icon5{
  border: 2px dashed #ffca00;
}
#counter .counter-icon2, #counter .counter-icon6{
  border: 2px dashed #06e3ef;
}

#counter .counter-icon3, #counter .counter-icon7{
  border: 2px dashed #ff565e;
}
#counter .counter-icon4, #counter .counter-icon8{
  border: 2px dashed #14d0b1;
}
#counter .dashicons{
  border-radius: 50%;
  width: 65px;
  height: 65px;
  font-size: 40px;
  padding: 13px 0;
  margin: 0 5px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#counter .dashicons1, #counter .dashicons5{
  color: #ffca00;
  background: #fff1bc;
}
#counter .dashicons2, #counter .dashicons6{
  color: #06e3ef;
  background: #c0f8fb;
}
#counter .dashicons4, #counter .dashicons7{
  color: #14d0b1;
  background: #9ff1e4;
}
#counter .dashicons3, #counter .dashicons8{
  color: #ff565e;
  background: #ffd4d6;
}
#counter .counter-text:hover .dashicons{
  transform: rotate(360deg);
}
#counter .counter-text .count{
  font-size: 40px;
  font-weight: 600;
}
#counter .counter-text .sign{
  font-size: 40px;
  font-weight: 700;
}
#counter .counter-text h6{
   margin-bottom: 0;
}
#counter .button{
  background: #ff497c;
  color: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  margin-top: 10px;
}
#counter .button:hover{
  background: #222222;
}
#counter .button,
#counter .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#counter .button::before,
#counter .button::after {
  background: #ff497c;
  content: '';
  position: absolute;
  z-index: -1;
}
#counter .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#counter .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* featured Project  Section */
 
#featured_project h3{
	font-size: 32px;
	color: #222222;
	font-weight: 500;
}
#featured_project .tab-section{
  display: inline-block;
}
#featured_project .tab-section button{
  border: none;
  background: transparent;
  color: #767c83;
  outline: none;
  cursor: pointer;
}
#featured_project .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}
#featured_project button.tablinks{
  padding: 5px 10px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #222222;
  font-weight: 500;
  display: inline-block;
}
#featured_project .tabcontent.active{
  display: block;
}
#featured_project .tabcontent{
  display: none;
}
#featured_project button.tablinks.active{
  color: #fff;
  font-weight: 600;
  background: #ff497c;
  border-radius: 30px;
  padding: 5px 10px;
}
#featured_project button:hover {
  color: #fff;
  transition: all 0.2s;
  background: #ff497c;
  border-radius: 30px;
  padding: 5px 10px;
}
#featured_project ul{
  padding: 0;
}
#featured_project .project-box{
  overflow: hidden;
  position: relative;
}
#featured_project .project-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
#featured_project figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
  border-radius: 10px 10px 0 0;
}
#featured_project figure:hover+span{
  opacity: 1;
}
#featured_project img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 10px 10px 0 0;
}
#featured_project .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
  border-radius: 10px 10px 0 0;
}
#featured_project h4 a{
  color: #222222;
  font-weight: 600;
  font-size: 20px;
}
#featured_project .project-box:hover h4 a{
  color: #ff497c;
}
#featured_project .date{
  color: #ff497c;
  font-size: 18px;
  font-weight: 400;
}
#featured_project .button1{
  background: #ff497c;
  color: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
}
#featured_project .button1:hover{
  background: #222222;
}
#featured_project .button1,
#featured_project .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#featured_project .button1::before,
#featured_project .button1::after {
  background: #ff497c;
  content: '';
  position: absolute;
  z-index: -1;
}
#featured_project .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#featured_project .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#featured_project .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 20px;
}
#featured_project .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#featured_project .owl-dots button.owl-dot.active {
  background-color:#ff497c;
}

/*Brand Section*/

#brand h3{
 color: #222222;
font-weight: 500;
font-size: 32px;
}
#brand .brand-box{
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ececec;
}
#brand img{
  width: 100%;
  display: inline-block;
  height: 90px;
}
#brand .owl-item > div {
  cursor: pointer;
  margin: 6% 4%;
  transition: margin 0.4s ease;
}
#brand .owl-item.center > div {
  cursor: auto;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  border: none;
}

#brand .owl-carousel .owl-item img{
  width: 100%;
  display: initial;
  -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
#brand .owl-carousel .owl-item img:hover{
  -webkit-filter: inherit;
    filter: inherit;
}
#brand .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#brand .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#brand .owl-dots button.owl-dot.active {
  background-color:#ff497c;
}

/*Design Gallery Section*/

#gallery_div h3{
  font-size: 32px;
  color: #222222;
  font-weight: 500;
}
#gallery_div ul{
  padding: 0;
}
#gallery_div .tab-section{
  display: inline-block;
}
#gallery_div .tab-section button{
  border: none;
  background: transparent;
  color: #767c83;
  outline: none;
  cursor: pointer;
}
#gallery_div .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}
#gallery_div button.tablinks{
  padding: 5px 15px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #222222;
  font-weight: 500;
  display: inline-block;
}
#gallery_div .tabcontent.active{
  display: block;
}
#gallery_div .tabcontent{
  display: none;
}
#gallery_div button.tablinks.active{
  color: #fff;
  font-weight: 600;
  background: #ff497c;
  border-radius: 30px;
  padding: 5px 15px;
}
#gallery_div button:hover {
  color: #fff;
  transition: all 0.2s;
  background: #ff497c;
  border-radius: 30px;
  padding: 5px 15px;
}
#gallery_div figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#gallery_div figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}
#gallery_div figure.projects-img:after {
  background-color: #ff497c;
  position: absolute;
  content: "";
  display: block;
  top: 10%;
  left: 10%;
  right: 5%;
  bottom: 10%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
#gallery_div figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#gallery_div figure:hover figcaption,
#gallery_div figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#gallery_div figure:hover:after,
#gallery_div figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.6;
}
#gallery_div figcaption{
  top: 58%;
  left: 10%;
  right: 10%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  margin: 0 auto;
}
#gallery_div p{
  color: #fff;
}
#gallery_div h4 a{
  color: #fff;
  font-size: 28px;
}
#gallery_div h4 a:hover{
  color: #222222;
}
#gallery_div figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#gallery_div figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#gallery_div .featured-box:hover figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
}
#gallery_div .button{
  background: #ff497c;
  color: #fff;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: 500;
  overflow: hidden;
  display: inline-block;
}
#gallery_div .button:hover{
  background: #222222;
}
#gallery_div .button,
#gallery_div .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#gallery_div .button::before,
#gallery_div .button::after {
  background: #ff497c;
  content: '';
  position: absolute;
  z-index: -1;
}
#gallery_div .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#gallery_div .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  -webkit-column-gap:0px;
  -moz-column-gap:0px;
  column-gap:0px;
}
@media (max-width:1200px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:0px;
  -moz-column-gap:0px;
  column-gap:0px;
}
}
@media (max-width:800px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:10px;
  -moz-column-gap:10px;
  column-gap:10px;
}
}
@media (max-width:600px){
  #gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
#gallery img{
  width:100%;
  height:auto;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin: 10px 20px;
}
.modal-img{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}

/*Our Story Section*/

#our_story h3{
  font-size: 32px;
  color: #222222;
  font-weight: 500;
}
#our_story img{
  width: 100%;
}
#our_story figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#our_story figure:hover+span{
  opacity: 1;
}
#our_story img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#our_story :hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#our_story .button{
  background: #ff497c;
  color: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
}
#our_story .button:hover{
  background: #222222;
}
#our_story .button,
#our_story .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#our_story .button::before,
#our_story .button::after {
  background: #ff497c;
  content: '';
  position: absolute;
  z-index: -1;
}
#our_story .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#our_story .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Services Section*/

#services h3{
  font-size: 32px;
  color: #222222;
  font-weight: 500;
}
#services .services-box{
  background: #fff;
  border-radius: 6px;
}
#services .dashicons{
  color: #ff497c;
  font-size: 60px;
  display: inline-table;
  margin: 15px 0;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#services .services-box:hover .dashicons{
  transform: rotate(360deg);
  color: #222222;
}
#services h5 a{
  color: #222222;
  font-weight: 600;
}
#services .services-box:hover h5 a{
  color: #ff497c;
}
 
 
/*TESTIMONIAL SECTION*/
 
#testimonial h3{
  font-size: 32px;
  color: #222222;
  font-weight: 500;
}
#testimonial .testimonial-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
#testimonial h5{
	color: #222222;
  margin-bottom: 0;
}
#testimonial h6{
  margin-bottom: 0;
  font-weight: 400;
}
 
#testimonial p{
  margin-bottom: 0;
  font-size: 14px;
}
#testimonial .icon .fas{
  color: #eeeeee;
  font-size: 30px;
}
#testimonial .item{
  opacity:0.8;
  transition:.4s ease all;
  transform:scale(.8);
}
@media(max-width:1000px){
  .item{margin:0; transform:scale(.9)}
}
#testimonial .active .item{
  opacity:1;
  transform:scale(1.3);
  border-radius: 10px;
}
#testimonial .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:45%;
  left: 0;
  right: 0;
}
#testimonial .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: #222222;
  color: #fff;
  outline: none;
  position: relative;
  right: 5%;
  float: left;
  border-radius: 6px;
}
#testimonial .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: #ff497c;
  color: #fff;
  outline: none;
  float: right;
  position: relative;
  left: 5%;
  border-radius: 6px;
}
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
  display: none;
}
#testimonial .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#ff497c;
}

/*Expert Chef*/

#our_team h3{
  font-size: 32px;
  color: #222222;
  font-weight: 500;
}
#our_team .team-box1{
  background: #fff;
  border-radius: 0 0 10px 10px;
  filter: drop-shadow(0 0 8px rgba(0,0,0,0.1));
  position: relative;
  margin-top: -60%;
  z-index: -1;
}
#our_team .icon-box{
  border-radius: 30px;
  display: initial;
  padding: 10px;
  position: relative;
  bottom: 20px;
}
#our_team .icon-box1, #our_team .icon-box5{
 background: #9083d5;
}
#our_team .icon-box2, #our_team .icon-box6{
 background: #ff525a;
}
#our_team .icon-box3, #our_team .icon-box7{
 background: #75a424;
}
#our_team .icon-box4, #our_team .icon-box8{
 background: #ffa300;
}
#our_team .dashicons{
  color: #fff;
  display: inline-table;
  margin: 0 5px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#our_team .dashicons:hover{
  color: #222222;
  transform: rotate(360deg);
}
#our_team h5{
  color: #222222;
  font-weight: 600;
  margin-top: 45%;
}
#our_team h6{
  color: #757575;
  font-weight: 400;
}

#our_team figure{
  margin: 0;
  padding: 10px 0;
  overflow: hidden;
}
#our_team figure:hover+span{
  opacity: 1;
}
#our_team figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  display: inline-block;
}
#our_team .team-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#our_team .button{
  background: #ff497c;
  color: #fff;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: 500;
  overflow: hidden;
  display: inline-block;
  margin-top: 15px;
}
#our_team .button:hover{
  background: #222222;
}
#our_team .button,
#our_team .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#our_team .button::before,
#our_team .button::after {
  background: #ff497c;
  content: '';
  position: absolute;
  z-index: -1;
}
#our_team .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#our_team .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#our_team .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 0px;
}
#our_team .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#our_team .owl-dots button.owl-dot.active {
  background-color:#ff497c;
}

/*Newsletter*/

#newsletter .newsletter-box{
  background: #ffecc8;
  border-radius: 50px;
}
#newsletter h3{
  color: #222222;
  font-size: 32px;
}
#newsletter img{
  margin-top: -50px;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  background: #fff;
  padding: 15px 20px;
  border: none;
  outline: none;
  border-radius: 30px 0 0 30px;
  width: 70%;
  color: #a9a7c2;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
  color: #a9a7c2;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #ff497c;
  border-radius: 0 30px 30px 0;
  padding: 15px;
  color: #fff;
  outline: none;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #222222;
}


/*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 li::marker {
    color: #ff497c;
}
.footer-area h2{
  color: #222222;
  font-weight: 500;
}
.footer-area h4.title{
color: #222222;
font-weight: 500;
font-size: 20px;
}
.footer-area hr{
background: #fc4075;
margin-right: 75%;
border: none;
height: 3px;
margin-top: 10px;
}
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #ff497c;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
}
.footer-area .fab:hover{
  color: #222222;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #ff497c;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #757575;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #ff497c;
}
.copyright {
  background: #fff;
}
.copyright-box{
   border-top: 2px solid #eeeeee;
}
.copyright p{
  color: #757575;
  margin-bottom: 0;
}
.copyright a{
  color: #757575;
}
.copyright a:hover{
  color: #ff497c;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}


/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  color: #222222;
  font-weight: 500;
}
#contact p{
  color: #757575;
}
#contact .contact-form{
  background: #fff;
}
#contact .contact-enquiry{
  background: #cbe1ff;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 10px 20px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  margin: 10px;
  outline: none;
  width: 46%;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 94%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 0px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  outline: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin-top: 30px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  border-radius: 30px;
  background: #ff497c;
  border: none;
  text-transform: uppercase;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #222222;
  color:#fff; 
  border-radius: 30px;
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .dashicons{
  font-size: 50px;
  color: #222222;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .dashicons{
  transform: rotate(360deg);
  color: #ff497c
}
#contact h6{
  color: #ff497c;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #ff497c;
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 600;
}
#contact h3{
  color: #222222;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 500;
}


/*Project page*/

#featured-project .project-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  border-radius: 10px
}
#featured-project h4 a{
  color: #222222;
}
#featured-project h4 a:hover{
  color: #ff497c;
}
#featured-project .date{
  color: #ff497c;
  font-size: 16px;
}
#featured-project figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
  border-radius: 10px 10px 0 0;
}
#featured-project figure:hover+span{
  opacity: 1;
}
#featured-project img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 10px 10px 0 0;
}
#featured-project .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
  border-radius: 10px 10px 0 0;
}

/*Gallery Page css*/

#gallery-page figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#gallery-page figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}
#gallery-page figure.projects-img:after {
  background-color: #ff497c;
  position: absolute;
  content: "";
  display: block;
  top: 10%;
  left: 10%;
  right: 5%;
  bottom: 10%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
#gallery-page figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#gallery-page figure:hover figcaption,
#gallery-page figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#gallery-page figure:hover:after,
#gallery-page figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.6;
}
#gallery-page figcaption{
  top: 58%;
  left: 10%;
  right: 10%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  margin: 0 auto;
}
#gallery-page p{
  color: #fff;
}
#gallery-page h4 a{
  color: #fff;
  font-size: 28px;
}
#gallery-page h4 a:hover{
  color: #222222;
}
#gallery-page figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#gallery-page figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#gallery-page .featured-box:hover figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
}
#gallery-page img{
  width:100%;
  height:300px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin: 10px 20px;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .top-header select#gtranslate_selector{
    width: 60%;
   }
	.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: #ff497c;
		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;
	}
	.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: 120px;
  }
  .summary.entry-summary{
    text-align: center;
  }
  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img{
    padding: 0 5px;
  }
  section.related.products{
    padding: 0 5px;
  }
  .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;
  }
  p.cart-item-box{
    left: 50%;
  }
  .admin-bar .fix-sticky{
    position: relative;
  }
   
  .header-menu input#search{
    padding: 10px;
  }
  #slider .slider-content{
    top: 40%;
    left: 53%;
    right: 0;
    transform: translateY(-25%);
  }
  #slider h2{
    display: none;
  }
  #slider h1{
    font-size: 16px;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    font-size: 12px;
    padding: 5px 20px;
  }
  #slider .slick-dots{
    width: 100%;
    left: 0;
  }
  #slider .slick-dots LI{
    height: 0;
    width: 0;
    border-radius: 50%;
  }
  #slider .rating-box{
    display: none;
  }
  .slick-dotted.slick-slider{
    margin-bottom: 0;
  }
  #counter .counter-text1, #counter .counter-text3{
    bottom: 0;
  }
  #counter .counter-text2{
    top: 0;
  }
  #featured_project ul{
    padding: 0;
  }
  #brand .owl-carousel .owl-item img{
    width: auto;
  }
  #brand .owl-item.center > div {
    transform: scale(1.0);
  }
  #gallery_div ul{
    padding: 0;
  }
  #gallery img{
    margin: 10px 0;
  }
  #our_story .story-div1{
    order: 2;
  }
  #our_story .story-div2{
    order: 1;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .active .item{
    transform: scale(1.0);
  }
  #testimonial .owl-carousel .owl-item img{
    width: auto;
    display: inline-block;
  }
  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 0px;
  }
  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #testimonial .owl-dots button.owl-dot.active {
    background-color:#ff497c;
  }
  #newsletter .news-div1{
    order: 2;
  }
  #our_team .icon-box{
    bottom: 20px;
  }
  #newsletter .news-div2{
    order: 1;
  }
  #newsletter h3{
    font-size: 26px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 10px 10px;
    width: 60%;
    font-size: 14px;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    padding: 10px;
    font-size: 14px;
  }
  .footer-area ul{
    padding: 0 10px;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #contact hr {
   width: 30%;
  }
  #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;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }
  .footer-area hr{
    width: 30%;
    margin-right: auto;
  }
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .admin-bar .fix-sticky{
    margin-top: 45px;
  }
  #main-menu ul li a{
  	padding: 10px 12px;
  	font-size: 12px;
  	padding-left: 0;
  }
  .menu-header input#search {
    font-size: 10px;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 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: 46%;
		margin: 20px 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;
	}
  .top-header span{
    font-size: 12px;
  }
  .top-header select#gtranslate_selector{
    font-size: 14px;
  }
  .header-search .open-search-form i {
    font-size: 15px;
  }
  #slider .slider-content {
    top: 45%;
    left: 50%;
    right: 0;
  }
  #slider h2{
    font-size: 28px;
  }
  #slider h1 {
    font-size: 32px;
  }
  #slider .button{
    padding: 6px 10px;
    font-size: 14px;
  }
  #slider .Stars{
    font-size: 16px;
  }
  #slider .slick-dots{
    left: 76%;
    bottom: 5%;
  }
  #slider .slick-dots LI{
    width: 50px;
    height: 50px;
  }
  #slider .rating-box{
    top: 85%;
     left: 50%;
  }
  #slider .heading{
    font-size: 14px;
  }
  #slider .star-text, #slider .member{
    font-size: 10px;
  }
  #gallery_div h4 a{
    font-size: 20px;
  }
  #gallery img{
    margin: 10px 0;
  }
  #testimonial h5{
    font-size: 16px;
  }
  #testimonial h6{
    font-size: 14px;
  }
  #testimonial p{
    font-size: 12px;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 0px;
  }
  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #testimonial .owl-dots button.owl-dot.active {
    background-color:#ff497c;
  }
  #our_team figure img{
    width: 100%;
  }
  #our_team .icon-box{
    bottom: 25px;
  }
  #newsletter h3{
    font-size: 24px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 15px;
    width: 60%;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .logo-image img{
    width: 100%;
  }
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 14px;
	}
  .top-header span{
    font-size: 13px;
  }
  p.cart-item-box{
    left: 50%;
  }
  #slider .slider-content{
    top: 50%;
    left: 48%;
    right: 0;
  }
  #slider h1{
    font-size: 34px;
  }
  #slider .slick-dots{
    left: 75%;
  }
  #slider .slick-dots LI{
    width: 70px;
    height: 85px;
  }
  #slider .rating-box{
    top: 88%;
    left: 50%;
  }
  #slider .heading{
    font-size: 18px;
  }
  #slider span.member{
    font-size: 12px;
  }
  #our_team figure img{
    width: 100%;
  }
  #our_team .icon-box{
    bottom: 30px;
  }
  #newsletter h3{
    font-size: 28px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    width: 65%;
  }
   
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  .latest-post .date-meta{
    font-size: 12px;
  }
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
   
  .header-menu .button1{
    padding: 5px;
    font-size: 15px;
  }
  #slider .slider-content{
    left: 50%;
  }
  #slider .rating-box{
    left: 50%;
  }
  #slider .slick-dots{
    left: 76%;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
  .latest-post .date-meta{
    font-size: 12px;
  }
}