/*
Theme Name: Web Hosting Pro
Theme URI: https://www.misbahwp.com/products/hosting-company-wordpress-theme/
Description: There is a drag and drop page builder for more customization freedom and easy page making. You will really love the sections this theme includes and along with that, you will get some individual settings for every section. This theme is well integrated with Woocommerce so that you will be able to sell your web hosting plans online from your website and anyone who tries to avail your hosting service would be able to pay you online. Through the plugin compatibility feature of this Hosting Company WordPress Theme, you can always add more to the existing features. This theme is packed with some useful elements including shortcodes as well as custom widgets. Navigation is kept simple for your audience to easily move through the various sections and pages that accommodate your content. It also features pages that allow showing your various web hosting plans and listing their pricing. As far as the performance of your website is concerned, you will get a hassle-free performance thanks to the lightweight design and high optimzed codes included in the core. Hosting Company WordPress Theme includes all the things that will give you a credible presence and make your website stand out.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: education, e-commerce, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: web-hosting-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;
  font-weight: 600;
  color: #5d6193;
  font-size: 18px;
  text-transform: capitalize;
}

body {
  font-family: 'Catamaran', sans-serif;
  color: #898d94;
  margin:0;
  background: #fff;
}
h1,h2,h3, h4, h5, h6{
  font-family: 'Catamaran', sans-serif;
}
a {
  color:#24d2fe;
  -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:#24d2fe;
  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: #24d2fe;
}
.page-404 h3{
	font-size: 38px;
	color: #24d2fe;
}
.page-404 hr{
	width: 10%;
	background: #24d2fe;
	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: #ffffff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  color: #fff;
}
.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 {
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  content: '';
  color: #ffffff;
  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;
}
.page-404 .intro-button:hover a{
  color: #fff;
}

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

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #24d2fe;
  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:#24d2fe;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

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

.social-links a {
  color: #24d2fe;
  font-size: 18px;
  margin: 0px 7px;
}
.social-links a:hover{
	color: #24d2fe; 
	margin-bottom: 0;
}

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

#main-menu {
	display:inline-block;
	position:relative;
	float:unset;
	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: #5d6193;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
	text-transform: capitalize;
	padding-left: 0;
	margin:0;
	font-weight: 700;
	-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:#24d2fe;
}
#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;
  font-size: 14px;
	color: #24d2fe;
	-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 #292d62;
	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: linear-gradient(0deg, #191d51 0%, #272b61 100%);
	-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;
	filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
	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: #24d2fe;
	margin: 10px 0; 
 }

 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: 0%;
    left: 90%;
    background: #ffe600;
    width: 18px;
    height: 18px;
    color: #24d2fe;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
 }
 .header-search .open-search-form i:hover{
 	color: #24d2fe;
 }
/* 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 a{
  color: #5d6193;
  font-weight: 700;
  font-size: 20px;
}
h4.post-title a:hover{
  color: #24d2fe;
}
.post-content p{
	color: #707070;
  font-weight: 400;
  font-size: 12px;
}
.post-meta i{
	color: #24d2fe;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  color: #5d6193;
}
.post-meta .far fa-user a{
  font-weight: 600;
  color: #5d6193;
}
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%;
}
 
.latest-post .post-date {
  border-radius: 5px;
  position: absolute;
  bottom: 60%;
  left: 75%;
  padding: 8px 10px;
  display: grid;
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.latest-post i{
  position: relative;
  right: 0;
  font-size: 20px;
  color: #24d2fe;
}
.latest-post .read_button a{
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.latest-post .fas{
  position: relative;
  left: 15px;
  font-size: 16px;
  color: #24d2fe;
}
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	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.9;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:linear-gradient(0deg, #191d51 0%, #272b61 100%);
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
	color: #24d2fe;
	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: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  color: #24d2fe;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #5d6193;
  font-weight: 700;
  font-size: 19px;
  text-transform: capitalize;
}
.latest-post h4 a:hover{
  color: #24d2fe;
}
.latest-post .post-content{
  color: #979ab7;
  font-weight: 400;
  font-size: 15px;
}
.latest-box{
  border-radius: 16px;
  background: #ffffff;
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
}
.latest-post .content_box{
  position: relative;
}

}
.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.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;
  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 .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
.latest-post .admin a{
  text-transform: capitalize;
  padding: 0 10px;
  color: #5d6193;
  font-size: 17px;
  font-weight: 600;
}
.latest-post .comments{
  color: #5d6193;
  font-size: 17px;
  font-weight: 600;
}
.latest-post .dashicons {
    float: right;
    color: #040405;
    font-size: 32px;
}
.latest-post .catname{
  background: #fcf6f6;
  padding: 15px 15px;
  position: absolute;
  top: 33%;
  font-size: 14px;
  border-radius: 5px;
  color: #202f23;
  font-weight: 400;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  padding: 15px 55px;
  color: #ffffff !important;
  padding: 10px;
  font-weight: 400;
  border-radius: 8px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  color: #ffffff;
  border-radius: 8px;
}
.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 {
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  padding: 5px 15px;
  color: #ffffff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  color: #ffffff;
  border-radius: 8px;
  border: transparent;
  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 #24d2fe;
    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,
.web-hosting-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.web-hosting-pro-pagination a span,
.web-hosting-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#24d2fe;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
  border: 2px solid transparent;
	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,
.web-hosting-pro-pagination span.current,
.web-hosting-pro-pagination span.current:hover,
.web-hosting-pro-pagination span.current:focus,
.web-hosting-pro-pagination a span:hover,
.web-hosting-pro-pagination a span:focus {
	filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border: 2px solid transparent;
  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:#24d2fe;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
	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:linear-gradient(0deg, #191d51 0%, #272b61 100%);
	text-decoration:none
}

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

.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));
}
.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: #24d2fe;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #292d62;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
}
.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: #24d2fe;
	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: none;
  outline: none;
}
.searchform input[type=submit]{
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
	border: none;
	color: #ffffff;
	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: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  color: #ffffff;
	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 .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: #b9bcd7;
  font-weight: 400;
  font-size: 16px;
}
.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;
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #ffffff;
}
#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: #ffffff;
  padding: 8px;
  margin: 5px 0;
}
#button_scroll .fas:hover{
  color: #ffffff;
}
#button_scroll:hover {
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
}
#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 {
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);

  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 #24d2fe 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-menu {
  position: absolute;
  background: transparent;
  z-index: 999;
  left: 0;
  right: 0;
}
header#site-navigation.fix-sticky{
  background: #fff;
  color: #fff;
}
.header-menu .btn{
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  padding: 15px 55px;
  color: #ffffff !important;
  font-weight: 400;
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
}
.header-menu .btn a{
  color: #ffffff;
}
.header-menu .btn:hover{
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  border-radius: 8px;
  color: #fff;
}
.header-menu .btn,
.header-menu .btn::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header-menu .btn::before,
.header-menu .btn::after {
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  content: '';
  position: absolute;
  z-index: -1;
}
.header-menu .btn::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.header-menu .btn:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*SLIDER SECTION*/ 

#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 50%;
  left: 15%;
}
#slider .sub_heading{
  color: #24d2fe;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;  
}
#slider .sub_heading::before{
  content: '';
  height: 2px;
  width: 55px;
  display: inline-grid;
  margin-right: 20px; 
  position: relative;
  padding: 1.5px;
  bottom:5px;
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
}
#slider h1{
  font-size: 44px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#slider p{
  color: #979ab7;
  font-weight: 400;
}
#slider .price_box {
  display: inline-block;
  margin-right: 15px;
  padding: 0px 10px;
  border-right: 1px solid #d8edf1;
}
#slider .title a{
  color: #24d2fe;
  font-weight: 700;
  font-size: 18px;
}
#slider .price{
  color: #292d62;
  font-weight: 700;
  font-size: 18px;
}
#slider .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  position: absolute;
  bottom: 15px;
}
#slider .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border-radius: 20px;
}


#slider .product-search{
  filter: drop-shadow(0px 18px 20px rgba(36,210,254,0.08));
  background-color: #ffffff;
  padding: 8px 12px;
  width: 90%;
  border-radius: 0px 8px 8px 8px;

}
#slider input.product-search{
  background: transparent;
  outline: none;
  color: #9290af;
  border: none;
  width: 60%;
  padding: 0 20px;
  font-weight: 500;
}
#slider input.product-search::placeholder{
  color: #9290af;
}
#slider .searchform input[type=submit]{
  color: #ffffff;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

/*SERVICES SECTION*/

#services .service_box{
  background: #ffffff;
  filter: drop-shadow(0px 20px 25px rgba(36,210,254,0.08));
}
#services .dashicons{
  font-size: 40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 20px 0px;
  text-align: center
   -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#services .service_box:hover .dashicons{
  transform: rotate(360deg);
}
#services .dashicons1, #services .dashicons4{
  color: #3cc3e0;
  background: #e7f8fb;
}
#services .dashicons2, #services .dashicons5{
  color: #a85cf9;
  background: #f4ebfe;
}
#services .dashicons3, #services .dashicons6{
  color: #6bcb77;
  background: #edf9ee;
}
#services h5{
  color: #5d6193;
  font-weight: 700;
}
#services p{
  color: #979ab7;
  font-weight: 400;
}
#services .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  position: relative;
  top: 15px;
}
#services .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  margin: 0 5px;
  outline: none;
}
#services .owl-dots button.owl-dot.active {
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border-radius: 20px;
}

/*ABOUT US SECTION*/

#about_us figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#about_us figure:hover+span{
  opacity: 1;
}
#about_us img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#about_us img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}
#about_us .sub_heading{
  color: #24d2fe;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;  
}
#about_us .sub_heading::before{
  content: '';
  height: 2px;
  width: 55px;
  display: inline-grid;
  margin-right: 20px; 
  position: relative;
  padding: 1.5px;
  bottom:5px;
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
}
#about_us h3{
  font-size: 42px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#about_us p{
  color: #979ab7;
  font-weight: 400;
}
#about_us .counter-text{
  border-radius: 10px;
  background: #ecfafe;
}
#about_us .count{
  font-size: 50px;
  color: #24d2fe;
  font-weight: 700;
}
#about_us .letter{
  font-size: 46px;
  color: #24d2fe;
  font-weight: 600;
}
#about_us .sign{
  font-size: 32px;
  color: #24d2fe;
  font-weight: 700;
}
#about_us .title{
  color: #5d6193;
  font-weight: 500;
}
#about_us .button1{
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  padding: 15px 55px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
}
#about_us .button1:hover{
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  border-radius: 8px;
  color: #fff;
}
#about_us .button1,
#about_us .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about_us .button1::before,
#about_us .button1::after {
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background-image: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  content: '';
  position: absolute;
  z-index: -1;
}
#about_us .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#about_us .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*WORLD WIDE SECTION*/

#world_wide h3{
  font-size: 42px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#world_wide p{
  color: #979ab7;
  font-weight: 400;
}

/*PLAN SECTION*/

#plans h3{
  font-size: 42px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#plans p{
  color: #979ab7;
  font-weight: 400;
}
#plans .plans_box{
  border-radius: 16px;
  background-color: #ecfafe;
}

#plans .plans_box{
  overflow: hidden; 
  transition: 0.3s;
}

#plans .plans_box:hover {
  transform: scale(0.9);
  -webkit-box-shadow: 0 0 5px 2px #24d2fe;
  -moz-box-shadow: 0 0 5px 2px #24d2fe;
  box-shadow: 0 0 20px -10px #24d2fe;
  background: #fff;
}

#plans h5{
  color: #5d6193;
  font-weight: 700;
}
#plans .price{
  font-size: 40px;
  color: #292d62;
  font-weight: 800;
  position: relative;
  bottom: 20px;
}
#plans .month{
  font-weight: 600;
  position: relative;
  bottom: 20px;
  color: #292d62;
  font-weight: 800;
}
#plans .plan-list{
  padding: 10px 0;
  list-style: none;
  color: #979ab7;
  font-weight: 400;
}
#plans .plan-list .dashicons{
  color: #4aca7d;
}
#plans .plans_text{
  border-radius: 8px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background-color: #ffffff;
}
#plans .plans_box:hover .plans_text{
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background-image: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  color: #ffffff;
}
#plans .plans_box:hover h5{
  color: #ffffff;
}
#plans .plans_box:hover .price{
  color: #ffffff;
}
#plans .plans_box:hover .month{
  color: #ffffff;
}
#plans .button1{
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%); 
  padding: 15px 55px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
}
#plans .button1:hover{
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border-radius: 8px;
  color: #fff;
}
#plans .button1,
#plans .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#plans .button1::before,
#plans .button1::after {
  background-image: linear-gradient(0deg, #191d51 0%, #272b61 100%); 
  content: '';
  position: absolute;
  z-index: -1;
}
#plans .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#plans .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#plans .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#plans .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  margin: 0 5px;
  outline: none;
}
#plans .owl-dots button.owl-dot.active {
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border-radius: 20px;
}

/*WE OFFER SECTION*/

#we_offer h3{
  font-size: 42px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#we_offer p{
  color: #979ab7;
  font-weight: 400;
}
#we_offer .offer_box{
  border-radius: 16px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
}
#we_offer .dashicons{
  color: #24d2fe;
  font-size: 60px;
  text-align: center
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#we_offer .offer_box:hover .dashicons{
  transform: rotate(360deg);
}
#we_offer .offer_title a{
  color: #5d6193;
  font-weight: 700;
}
#we_offer .content2{
  color: #979ab7;
  font-weight: 400;
}

/*TESTIMONIAL SECTION*/

#testimonial h3{
  font-size: 42px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#testimonial p{
  color: #979ab7;
  font-weight: 400;
}
#testimonial img{
  width: auto;
  position: absolute;
  bottom: 5px;
}
#testimonial .testimonial_content{
  border-radius: 10px;
  filter: drop-shadow(0 0 25px rgba(36,210,254,0.08));
  background: #ffffff;
}
#testimonial i{
  color: #24d2fe;
  position: absolute;
  left: 85%;
  bottom: 90%;
  font-size: 40px;
}
#testimonial h5{
  color: #5d6193;
  font-weight: 700;
}
#testimonial .testimonial_post{
  color: #979ab7;
  font-weight: 600;
}
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#testimonial .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  margin: 0 5px;
  outline: none;
}
#testimonial .owl-dots button.owl-dot.active {
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border-radius: 20px;
}

/*LATEST BLOG SECTION*/

#latest_blog h3{
  font-size: 42px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#latest_blog .content1{
  color: #979ab7;
  font-weight: 400;
}
#latest_blog .content1{
  color: #555555;
  font-weight: 400;
  font-family: 'Heebo', sans-serif;
}
#latest_blog .post-item{
  border-radius: 16px;
  filter: drop-shadow(0 0 25px rgba(36,210,254,0.1));
  background: #ffffff;
}
#latest_blog .post-date{
  border-radius: 5px;
  position: absolute;
  bottom: 58%;
  left: 74%;
  padding: 8px 10px;
  display: grid;
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#latest_blog .latest_content{
  border-radius: 5px;
  position: relative;
  left: 0;
  right: 0;
  top: 50%;
}
#latest_blog .latest_hr {
  margin-right: 75%;
  padding: 1px;
}
#latest_blog .read_button a{
  color: #24d2fe;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
}
#latest_blog .read_button a:hover{
  color: #5d6193;
}
#latest_blog i{
  position: relative;
  left: 0px;
  color: #24d2fe;
}
#latest_blog .admin a{
  text-transform: capitalize;
  font-size: 17px;
  color: #5d6193;
  font-weight: 600;
}
#latest_blog .comments{
  font-size: 17px;
  color: #5d6193;
  font-weight: 600;
}
#latest_blog .content2{
  color: #979ab7;
  font-weight: 400;
  font-size: 14px;
}
#latest_blog .fas {
  position: relative;
  left: 15px;
  color: #24d2fe;
}
#latest_blog figure{
  margin: 0;
  overflow: hidden;
  border-radius: 3px;
}
#latest_blog figure:hover+span{
  opacity: 1;
}
#latest_blog figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
}
#latest_blog figure:hover+span{
  opacity: 1;
}
#latest_blog img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 10px;
}
#latest_blog .post-item:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
  border-radius: 10px;
}
#latest_blog .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#latest_blog .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  margin: 0 5px;
  outline: none;
}
#latest_blog .owl-dots button.owl-dot.active {
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  border-radius: 20px;
}
#latest_blog .dummy-images {
  background: #fec241;
  height: 410px;
  border-radius: 10px;
}

/*JOIN US SECTION*/

#join_us figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#join_us figure:hover+span{
  opacity: 1;
}
#join_us img{
	width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#join_us img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}
#join_us .sub_heading{
  color: #24d2fe;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;  
}
#join_us .sub_heading::before{
  content: '';
  height: 2px;
  width: 55px;
  display: inline-grid;
  margin-right: 20px; 
  position: relative;
  padding: 1.5px;
  bottom:5px;
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
}
#join_us h3{
  width: 85%;
  font-size: 40px;
  color: #292d62;
  font-weight: 900;
  text-transform: capitalize;
}
#join_us .join_box1{
  border-radius: 16px;
  background: #ecfafe;
}
#join_us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  border-radius: 8px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
  outline: none;
  border: none;
  width: 45%;
  margin: 15px 15px;
  padding: 15px 10px;
  font-size: 15px;
}
#join_us input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
  border-radius: 8px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
  outline: none;
  border: none;
  width: 45%;
  margin: 15px 0px;
  padding: 15px 10px;
  font-size: 15px;
}
#join_us input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  width: 93%;
}
#join_us textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
  border-radius: 8px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
  outline: none;
  border: none;
  width: 93%;
  height: 115px;
  margin: 15px 15px;
  padding: 15px 10px;
  font-size: 15px;
}
#join_us input.wpcf7-form-control.has-spinner.wpcf7-submit{
  border-radius: 8px;
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  outline: none;
  border: none;
  color: #ffffff;
  font-weight: 700;
  padding: 15px 40px;
  margin: 10px 15px;
  cursor: pointer;
  display: inline-block;
}
#join_us input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
}
#join_us .join_content{
  position: relative;
  border-radius: 10px;
  background-color: #ecfafe;
}
#join_us .calling_box, #join_us .email_box{
  border-radius: 5px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
}
#join_us .calling, #join_us .email{
  color: #5d6193;
  font-weight: 700;
  font-size: 18px;
}
#join_us p{
  color: #979ab7;
  font-weight: 400;
}
#join_us i.fas {
  font-size: 50px;
  position: relative;
  right: 15px;
  color: #24d2fe;
	text-align: center
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#join_us .join_content:hover .fas{
  transform: rotate(360deg);
}

/*FAQ SECTION*/

#faq figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#faq figure:hover+span{
  opacity: 1;
}
#faq img{
	width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#faq img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}
#faq h3{
  color: #292d62;
  font-weight: 900;
  font-size: 40px; 
}
#faq .aks-accordion-item {
  width: 100%;
  cursor: pointer;
}
#faq .aks-accordion-item.opened{
  background: transparent;
}
#faq .aks-accordion-item-row {
  border-radius: 8px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
  width: 100%;
}
#faq .aks-accordion-item-icon {
  cursor: pointer;
  user-select: none;
}
#faq .aks-accordion-item-icon .fas{
  color: #dedfe8;
  font-size: 16px;
  padding: 4px;
}
#faq .aks-accordion-item.opened .aks-accordion-item-icon .fas{
  color: #dedfe8;
}
#faq .fas{
  color: #f95759;
  font-size: 20px;
}
#faq .aks-accordion-item-title {
  width: 100%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
  color: #5d6193;
  font-weight: 700;
  padding: 18px 20px;
  font-size: 16px;
}
#faq h4{
  font-weight: 700;
  font-size: 18px;
  padding: 10px 20px;
}
#faq .aks-accordion-item.opened h4{
  color: #f95759;
}
#faq p{
  margin-bottom: 0;
}
#faq .aks-accordion-item-content {
  border-radius: 0 0 8px 8px;
  filter: drop-shadow(0px 8px 4px rgba(36,210,254,0.08));
  background: #ffffff;
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
  color: #979ab7;
  font-weight: 400;
  position: relative;
  right: 15px;
  bottom: 3px;
}
#faq .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#faq .aks-accordion-item-icon-close {
  display: none;
}
#faq .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}

/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area h2{
  color: #fff;
  font-weight: 600;
}
.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: #ffffff;
  font-weight: 600;
  font-size: 24px;
  padding: 15px 0px;
  text-transform: capitalize;
 }
 .footer-area .textwidget i{
  margin-right: 5px;
  margin-top: 10px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.footer-area .fab{
  color: #24d2fe;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #8b706e;
  padding: 8px 8px;
}
.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: #b9bcd7;
  font-size: 18px;
  text-transform: capitalize;
}
.footer-area .post-meta a:hover{
  color: #24d2fe;
}
.footer-area ul {
    padding: 0px;
    list-style: none;
    line-height: 2;
  }
.footer-area ul li{
  margin: 5px 0; 
  color: #b9bcd7;
  text-transform: capitalize;
}
.footer-area img.alignnone.size-full{
  margin-top: 27px;
}
.footer-area img{
  width: 100%;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #24d2fe;
  font-weight: 500;
}
.footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background: #8b716e;
  border: none;
  padding: 15px 20px;
  margin: 5px 0px;
  width: 100%;
  outline: none;
  border-radius: 30px;
}
.footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder{
  color: #ffffff;
}
.footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #ffffff;
  border: none;
  padding: 15px 10px;
  margin: 5px 0px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border-radius: 30px;
}
.footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit::placeholder{
  color: #202f23;
}

.copyright {
 background: #171b4b;
}

.copyright p{
  font-weight: 400;
  color: #b9bcd7;
  margin-bottom: 0;
}
.copyright a{
  color: #b9bcd7;
  font-size: 500;
}
.copyright a:hover{
  color: #24d2fe;
}

nav#footer-menu li {
  display: inline-block;
}
nav#footer-menu li a {
  color: #aa9292;
  border-right: 2px solid #aa9292;
  padding: 0 5px;
}
nav#footer-menu li a:hover{
  color: #24d2fe
}
nav#footer-menu ul {
  margin: 0;
}

.footer-area h4.post-title a{
  color: #b9bcd7;
  font-weight: 400;
  font-size: 17px;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 40px;
  color: #292d62;
  font-weight: 700;
}
#contact h5{
 font-size: 24px;
  color: #292d62;
  font-weight: 700;
}
#contact p{
  color: #979ab7;
}
#contact h4{
  color: #292d62; 
  font-weight: 700;
}
#contact .contact_form{
    -webkit-box-shadow: 0 0 5px 2px #24d2fe;
    -moz-box-shadow: 0 0 5px 2px #24d2fe;
    box-shadow: 0 0 20px -10px #24d2fe;
    background: #fff;
}
#contact .contact_form h3{
  font-size: 38px;
  color: #292d62;
  font-weight: 700;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
  margin: 15px 0px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 15px 20px;
  background: #ecfafe;
  border: none ;
  margin: 10px 0px;
  outline: none;
  width: 100%;
  border-radius: 8px;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 100%;
  height: 130px;
  padding: 20px 25px;
  margin: 10px 0px;
  background: #ecfafe;
  border: none ;
  outline: none;
  border-radius: 8px;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 15px 55px;
  margin: 10px 10px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: linear-gradient(0deg, #191d51 0%, #272b61 100%);
  border: 2px solid transparent;
  border-radius: 8px;
  text-transform: uppercase;
  cursor: pointer;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  filter: drop-shadow(0px 10px 20px rgba(36,210,254,0.3));
  background: linear-gradient(0deg, #4fabfd 0%, #00f1fd 100%);
  color:#fff; 
  font-weight: 500;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}
#contact .icon .dashicons{
  font-size: 50px;
  color: #24d2fe;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .icon:hover .dashicons{
  transform: rotate(360deg);
  color: #292d62
}
#contact h6{
  color: #24d2fe;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .header-menu{
    position: unset;
   }
   .header-menu .button1{
    background: #24d2fe;
    color: #fff;
   }
   .header-menu .button1:hover{

   }
	.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: linear-gradient(0deg, #191d51 0%, #272b61 100%);
		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: #24d2fe;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #24d2fe;
	}
	#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: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  #featured_products a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after{
    bottom: 80px;
    left: 90%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  .fix-sticky{
    position: relative;
  }
  .header-menu .btn{
    padding: 12px 40px;
  }
  #slider .slider-content{
    top: 25%;
    transform: translateY(-25%);
    left: 5%;
    right: 15%;
  }
  #slider .sub_heading{
    display: none;
  }
  #slider h1 {
    font-size: 20px;
  }
  #slider p, #slider h2{
    display: none;
  }
  #slider .button1{
    padding: 10px 20px;
    font-size: 14px;
  }
  #slider .owl-nav {
    display: none;
  }
  #slider .owl-dots{
    display: block;
    bottom: 0px;
  }
  #slider .price_box{
    display: none;
  }
  #slider .product-search{
    padding: 0;
    width: 100%;
  }
  #slider .searchform input[type=submit]{
    padding: 10px 5px;
    margin: 5px 0px;
    font-size: 13px;
    position: relative;
    right: 5px;
  }
  #slider .searchform input[type=text]{
    padding: 10px;
  }
  #services .owl-dots {
    display: block;
  }
  #about_us img{
    width: 100%;
  }
  #about_us h3{
    font-size: 34px;
  }
  #world_wide img{
    width: 100%;
  }
  #world_wide h3{
    font-size: 34px;
  }
  #plans h3{
    font-size: 34px;
  }
  #we_offer h3{
    font-size: 34px;
  } 
  #testimonial img {
    width: auto;
    position: relative;
    bottom: 5px;
    left: 40%;
  }
  #testimonial h3{
    font-size: 34px;
  }
  #latest_blog h3{
    font-size: 34px;
  }
  #latest_blog .post-date{
    bottom: 60%;
  }
  #join_us h3 {
    width: unset;
    font-size: 34px;
  }
  #join_us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    margin: unset;
    width: 100%;
  }
  #join_us input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
    width: 100%;
  }
  #join_us input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
    width: 100%;
  }
  #join_us textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
    width: 100%;
    margin: 15px 0px;
  }
   #join_us .wpcf7-spinner{
    display: block;
  }
  #faq img{
    width: 100%;
  }
  #faq h3{
    font-size: 34px;
  }
  #faq .aks-accordion-item-row{
  	width: unset;
  	margin: 0;
  }
  #faq .aks-accordion-item-content{
  	right: 0;
  }
  .latest-post .post-date{
    bottom: 64%;
  }
  #contact .google-map embed{
    height: 100%;
    width: 100%;
  }
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
  .header-menu .logo a{
    font-size: 24px;
    line-height: 35px;
   }
  .top-header .call-text{
  	font-size: 10px;
  }
  .top-header span.dashicons{
  	font-size: 16px;
  }
  .top-header .dashicons{
    width: 28px;
    height: 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;
  }
  .header-menu .logo-image img{
    width: 100%;
  }
  .menu-header input#search {
    font-size: 12px;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 100%;
		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: 100%;
		margin: 10px 0px;
	}
	#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;
	}
  .social-links a{
    font-size: 14px;
    margin: 0px 4px;
  }
  .header-menu .button1{
    padding: 13px 25px;
    font-size: 13px;
  }
  .header-menu .btn{
    font-size: 13px;
    padding: 10px 25px;
  }
  #slider .slider-content{
    left: 6%;
    right: 50%;
  }
  #slider .sub_heading{
    font-size: 13px;
    letter-spacing: 1px;
  }
  #slider h1 {
    font-size: 28px;
  }
  #slider p{
    display: none;
  }
  #slider .price_box{
    display: none;
  }
  #slider .sub_heading::before{
    width: 30px;
  }
  #slider .button1{
    padding: 15px 45px;
    font-size: 15px;
  }

  #slider .owl-nav {
    display: none;
  }
  #slider .owl-dots{
    display: block;
    bottom: 0px;
  }
  #slider .product-search{
    padding: 0px 5px;
  }

  #about_us img{
    width: 100%;
  }
  #about_us .sub_heading{
    font-size: 14px;
  }
  #about_us .sub_heading::before{
    width: 30px;
  }
  #about_us h3{
    font-size: 26px;
  }
  #about_us .count{
    font-size: 30px;
  }
  #about_us .letter{
    font-size: 34px;
  }
  #about_us .sign{
    font-size: 24px;
  }
  #about_us .button1{
    padding: 13px 40px;
  }
  #world_wide img{
    width: 100%;
  }
  #testimonial i{
    font-size: 35px;
    bottom: 93%;
    left: 82%;
  }
  #latest_blog .post-date{
    bottom: 60%;
  }
  #join_us img{
    width: 100%;
  }
  #join_us h3{
    width: unset;
  }
  #join_us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 45%;
    margin: 15px 10px;
  }
  #join_us input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
    width: 45%;
    margin: 15px 10px;
  }
  #join_us .wpcf7-spinner{
    display: block;
  }
   #faq img{
    width: 100%;
  }
  .latest-post .post-date{
    bottom: 52%;
    left: 80%;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 15px;
	}
  .header-menu .button1{
    font-size: 14px;
    padding: 12px 30px;
  }
  .header-menu .btn{
    padding: 12px 40px;
  }
 
  p.cart-item-box{
    left: 85%;
  }
  .social-links a{
    font-size: 17px;
    margin: 0px 6px;
  }
  #slider .slider-content{
    top: 45%;
    left: 6%;
    right: 53%;
  }
  #slider .sub_heading{
    font-size: 14px;
  }
  #slider h1{
    font-size: 35px;
  }
  #slider p{
    font-size: 12px;
  }
  #slider .product-search{
    padding: 0px 5px;
  }
  #slider .price_box{
    margin-right: 7px;
  }
  #slider .price, #slider .title a{
    font-size: 14px;
  }
  #slider .owl-nav {
    display: none;
  }
  #slider .owl-dots{
    display: block;
    bottom: 20px;
  }
	#about_us img{
    width: 100%;
  }
  #about_us h3{
    font-size: 34px;
  }
  #world_wide img{
    width: 100%;
  }
  #latest_blog .post-date{
    bottom: 63%;
    left: 70%;
  }
  #join_us h3{
    width: unset;
    font-size: 36px;
  }
  #join_us i.fas{
    font-size: 40px;
  }
  #join_us .calling, #join_us .email{
    font-size: 16px;
  }
  #join_us p{
    font-size: 13px;
  }
  #faq img{
    width: 100%;
  }
  .latest-post .post-date{
    bottom: 66%;
    left: 70%;
  }
  .latest-post .admin a{
    font-size: 16px;
  }
  .latest-post i{
    font-size: 16px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	 #slider .slider-content{
      top: 40%;
      left: 5%;
      right: 45%;
   }
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
}