/*
Theme Name: Professional Video Vlogger Pro
Theme URI: https://www.misbahwp.com/themes/vlogger-wordpress-theme/
Description: Blogging is the new style of this generation. It’s the pleasant platform to provide phrases to your thoughts, share your experiences, thoughts and deep obtained knowledge. They are the window to your internal self. It is a lovely way to join with oneself and with the outer world. A weblog can be about whatever and everything. If you are a photographer, put up the photos of nature, human beings or whatever you have clicked and show off it to the world in the shape of online gallery; if you are involved in meals blogging, exhibit off your professional culinary understanding to people to make your recipes attain each home. If you are a wanderlust, share your first-hand experiences of exploring new locations to journey lover and tour enthusiast; if you are a devoted trend observer, show off your revolutionary thoughts of trend to the trendsetter. All of these and many greater things can be completed via blogging. But it is by no means adequate to simply write a blog, preserving it to appeal to most viewers is equally important. Premium Vlogger WordPress Theme affords you the best chance to attraction viewers to your blog. Finding the exceptional Premium wp theme can be a hard project however we are right here to assist you in that.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.1
Tags: portfolio, photography, 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: professional-video-vlogger-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;
  font-weight: 600;
}
.post-single span{
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Outfit', sans-serif;
  color: #6a6c7e;
  margin:0;
  background: #1e1f29;
}
h1,h2, h3, h4, h5, h6{
 font-family: 'Outfit', sans-serif;
}
a {
  color:#6a6c7e;
  -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:#b534f1;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */


.header {
  position: static;
}

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


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

#main-menu {
	display:block;
	position:relative;
	float:left;
	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: #6a6c7e;
	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:#b534f1;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	background:#1e1f28;
	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 li:hover .sub-menu {
display: block;
}
#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: #6a6c7e;
	-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 #b534f1;
	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: #b534f1;
	-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: #6a6c7e;
	color: #fff;
}



#main-menu ul li:hover .sub-menu {
 display: block;
}

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

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #6a6c7e;
	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: #b534f1;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    display: none;
 }
 .header-search .open-search-form i:hover{
 	color: #6a6c7e;
 }
/* 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: #6a6c7e;
  font-weight: 700;
}

.post-meta i{
	color: #b534f1;
}
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, .latest-post .post-comments {
    color: #6a6c7e;
    font-weight: 600;
    text-transform: capitalize;
  }
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
  background: #000000;
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
 }

.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: #b534f1;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#07070a ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #b534f1;
	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;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #07070a;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.latest-post h4 a:hover{
  color: #b534f1;
}
.latest-post .post-content p{
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
 
.latest-post .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 .far.fa-calendar-alt{
  color: #fff;
}
.latest-post .far{
  color: #fff;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
}
.latest-post .read_more:hover{
  color: #b534f1;
}
.latest-post .post-date{
  color: #00adeb;
 
}
.latest-post .time{
  float: right;
}
.latest-post .admin a{
  color: #00adeb;
  text-transform: capitalize;
  font-weight: 600;
}
.latest-post .post-thumbnail{
  position: relative;
}
.latest-post .post-view{
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  visibility: hidden;
  color: #fff;
}
.latest-post .latest-box:hover .post-view{
 visibility: visible;
}

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

.pagination .nav-links a,
.pagination .nav-links span.current,
.professional-video-vlogger-pro-pagination a span,
.professional-video-vlogger-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;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0,0,0,0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.professional-video-vlogger-pro-pagination span.current,
.professional-video-vlogger-pro-pagination span.current:hover,
.professional-video-vlogger-pro-pagination span.current:focus,
.professional-video-vlogger-pro-pagination a span:hover,
.professional-video-vlogger-pro-pagination a span:focus {
	background:#b534f1;
  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:#6a6c7e;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #6a6c7e;
	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:#6a6c7e;
}

.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: #17191f;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.08));
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
.sidebar-area .sidebar-widget:hover{
  transform: translateY(-7px);
}
.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;
  text-transform: capitalize;
}
.sidebar-area a{
  font-weight: 600;
}
.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;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #b534f1;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #17191f;
}
.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: #17191f;
	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: #17191f;
  border: 0;
  float: unset;
  outline: 0;
}
.card-header{
  background: #17191f;
}
.media-body-wrap.card{
  background: #17191f;
}
.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: #b534f1;
	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:#b534f1;
	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: #fff;
}
.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: #b534f1;
  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: #0000;
}
#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: #b534f1;
  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 #b534f1 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.fix-sticky{
  background: #1e1f28;
  
}
 
.header-menu{
  background: #1e1f28;
}
 
.menu-header .appintment-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100px;
  max-width: 100px;
}
.menu-header .dashicons{
  color: #fff;
  font-size: 20px;
}
.menu-header form#searchform{
  position: relative;
}
.menu-header input#search{
  background: #232531;
  border: 0;
  border-radius: 40px;
  color: #6a6c7e;
  width: 100%;
}
.menu-header button.search-button{
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: transparent;
  border: 0;
  color: #fff;
  outline: none;
  border: 0;
}
.menu-header button.search-button:hover{
  color: #b534f1;
}
.menu-header .social-links{
  float: right;
}
.menu-header .social-links a{
  margin-right: 15px;
}
 
 
 
/*SLIDER SECTION*/ 

#slider img{
  background: #272526;
  opacity: 0.6;
}
#slider .slider-content{
  position: absolute;
  left: 10%;
  bottom: 0;
  margin: 0;
} 
 
#slider h1{
  color: #fff;
  font-weight: 400;
  font-size: 32px;
  max-width: 450px;
}

#slider .owl-dots{
  display: none;
}
#slider .circle{
  font-size: 35px;
  color: #157fd1;
}

 
#slider .item{
  transition:.4s ease all;
  transform:scale(.9);
}
/*@media(max-width:1000px){
  .item{margin:0; transform:scale(.9)}
}*/
#slider .active .item{
  opacity:1;
  transform:scale(1);
  background: #090a14;
}
#slider .owl-carousel .owl-nav{
  position: absolute;
  top: 50%;
  width: 100%;
  visibility: hidden;
  transition: .3s ease-in-out;
}
#slider .owl-carousel button.owl-prev{
  background: #000000;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  color: #b534f1;
  position: relative;
  left: 20%;
  border: 0;
  outline: none;
}
#slider .owl-carousel button.owl-prev:hover,
#slider .owl-carousel button.owl-next:hover{
  background: #b534f1;
  color: #fff;
}
#slider .owl-carousel button.owl-next{
  background: #000000;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  color: #b534f1;
  float: right;
  position: relative;
  right: 20%;
  border: 0;
  outline: none;
}
#slider :hover.owl-carousel .owl-nav{
  display: block;
  visibility: visible;
}
#slider .owl-carousel .owl-item .slider-content{
  display: none;
}
#slider .owl-carousel .owl-item.active .slider-content{
  display: block;
}


/*Trending video section*/

#trending_video h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;

}
 
#trending_video p{
  width: 50%;
  margin: auto;
}
#trending_video hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  width: 15%;
}
#trending_video h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#trending_video h4:hover{
  color: #b534f1;
}
#trending_video a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#trending_video .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#trending_video .professional-video-vlogger-blog{
  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;
}
#trending_video .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#trending_video .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#trending_video .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#trending_video .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#trending_video .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#trending_video figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#trending_video figure:hover+span{
  opacity: 1;
}
#trending_video img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#trending_video .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

/*Most Viewed section*/

#most_viewed h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#most_viewed p{
  margin-right: 60%;
}
#most_viewed hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  margin-left:0;
  width: 200px;
}
#most_viewed h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#most_viewed h4:hover{
   color: #b534f1;
}
#most_viewed a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#most_viewed .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#most_viewed .professional-video-vlogger-blog{
  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;
}
#most_viewed .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#most_viewed .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#most_viewed .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#most_viewed .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#most_viewed .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#most_viewed figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#most_viewed figure:hover+span{
  opacity: 1;
}
#most_viewed img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#most_viewed .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
#most_viewed .owl-carousel .owl-nav{
  position: absolute;
  top: -30%;
  right: 0;
}
#most_viewed .owl-carousel button.owl-prev{
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 35px;
  color: #6a6c7e;
  position: relative;
  left: -15%;
  border: 0;
  outline: none;
}
#most_viewed .owl-carousel button.owl-next{
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 35px;
  color: #6a6c7e;
  float: right;
  position: relative;
  border: 0;
  outline: none;
}
#most_viewed .owl-carousel button.owl-prev:hover,
#most_viewed .owl-carousel button.owl-next:hover{
  background: #b534f1;
  color: #fff;
}

/*Latest Upload section*/

#latest_upload h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#latest_upload p{
  width: 50%;
  margin: auto;
}
#latest_upload hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  width: 15%;
}
#latest_upload h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#latest_upload h4:hover{
   color: #b534f1;
}
#latest_upload a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#latest_upload .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#latest_upload .professional-video-vlogger-blog{
  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;
}
#latest_upload .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#latest_upload .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#latest_upload .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#latest_upload .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#latest_upload .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#latest_upload figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#latest_upload figure:hover+span{
  opacity: 1;
}
#latest_upload img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#latest_upload .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

/*Best Video section*/

#best_video h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#best_video h4:hover{
   color: #b534f1;
}
#best_video a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#best_video .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#best_video .professional-video-vlogger-blog{
  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;
}
#best_video .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#best_video .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#best_video .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#best_video .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#best_video .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#best_video figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#best_video figure:hover+span{
  opacity: 1;
}
#best_video img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  opacity: 0.5;
}
#best_video .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
#best_video .project-box{
  position: relative;
}
#best_video .box-content{
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
/*#best_video .project-box:hover .box-content{
  display: none;
}*/
#best_video .name-text{
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


/*Latest Songs*/

#latest_songs h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#latest_songs p{
   
}
#latest_songs hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  margin-left:0;
  width: 200px;
}
#latest_songs h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#latest_songs h4:hover{
   color: #b534f1;
}
#latest_songs a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#latest_songs .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#latest_songs .professional-video-vlogger-blog{
  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;
}
#latest_songs .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#latest_songs .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#latest_songs .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#latest_songs .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#latest_songs .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#latest_songs figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#latest_songs figure:hover+span{
  opacity: 1;
}
#latest_songs img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#latest_songs .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
#latest_songs .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
 
}
#latest_songs .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#latest_songs .owl-dots button.owl-dot.active {
  background-color:#b534f1;
}

/*News Updates*/

#news_updates h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#news_updates .content{
  width: 50%;
  margin: auto;
}
#news_updates hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  width: 15%;
}
#news_updates h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#news_updates h4:hover{
   color: #b534f1;
}
#news_updates .content-post{
  color: #b6b6b6;
}
#news_updates a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#news_updates .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#news_updates .professional-video-vlogger-blog{
  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;
}
#news_updates .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#news_updates .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#news_updates .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#news_updates .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#news_updates .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#news_updates figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#news_updates figure:hover+span{
  opacity: 1;
}
#news_updates img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#news_updates .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}


/*Most Viewed 2*/

#most_vieweds h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#most_vieweds p{
  margin-right: 60%;
}
#most_vieweds hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  margin-left:0;
  width: 200px;
}
#most_vieweds h4{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#most_vieweds h4:hover{
   color: #b534f1;
}
#most_vieweds a.open-video {
  position: absolute;
  display: flex;
  justify-content: center;
  visibility: hidden;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  color: #fff;
}
#most_vieweds .project-box:hover a.open-video{
  visibility: visible;
  color: #fff;
}
#most_vieweds .professional-video-vlogger-blog{
  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;
}
#most_vieweds .is-open{
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#most_vieweds .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#most_vieweds .professional-video-vlogger-blog a.close-video{
  top: 15px;
  position:absolute;
  left:50%;
}
#most_vieweds .professional-video-vlogger-blog i.videoblog-close-button{
  font-size:25px;
  color:#616161 !important;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#most_vieweds .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#most_vieweds figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #000000;
}
#most_vieweds figure:hover+span{
  opacity: 1;
}
#most_vieweds img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#most_vieweds .project-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
#most_vieweds .owl-carousel .owl-nav{
  position: absolute;
  top: -30%;
  right: 0;
}
#most_vieweds .owl-carousel button.owl-prev{
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 35px;
  color: #6a6c7e;
  position: relative;
  left: -15%;
  border: 0;
  outline: none;
}
#most_vieweds .owl-carousel button.owl-next{
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 35px;
  color: #6a6c7e;
  float: right;
  position: relative;
  border: 0;
  outline: none;
}
#most_vieweds .owl-carousel button.owl-prev:hover,
#most_vieweds .owl-carousel button.owl-next:hover{
  background:#b534f1;
  color: #fff;
}

/*Latest Blog*/

#latest_blog h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#latest_blog .sec-content{
  margin-right: 60%;
}
#latest_blog hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  margin-left:0;
  width: 200px;
}
#latest_blog figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
}
#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;
}
#latest_blog .recent_box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
 
#latest_blog h4 a{
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}
#latest_blog .recent_box:hover h4 a{
  color: #ea79ff;
}
#latest_blog .recent_box p{
  color: #b6b6b6;
}
#latest_blog .read_more{
  color: #fff;
}
#latest_blog .read_more:hover{
  color: #ea79ff;
}
#latest_blog .post-thumbnail{
  position: relative;
}
#latest_blog .post-view{
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  visibility: hidden;
  color: #fff;
}
#latest_blog .recent_box:hover .post-view{
 visibility: visible;
}
/*#latest_blog .dashicons{
  color: #fff;
}*/
 
#latest_blog .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  bottom: 10px;
}
#latest_blog .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #213e65;
  margin: 0 5px;
  outline: none;
}
#latest_blog .owl-dots button.owl-dot.active {
   background-color:#ea79ff;
}
#latest_blog .fas{
  font-size: 20px;
}
/*News Updates*/

#instagram h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
#instagram .content{
  width: 40%;
  margin: auto;
}
#instagram hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  width: 15%;
}

/*Newsletter*/

#newsletter h3{
  color: #b534f1;
  text-transform: uppercase;
  font-size: 24px;
}
 
#newsletter hr{
  background: #b534f1;
  border: 0;
  padding: 1px;
  width: 30%;
  margin-left: 0;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  background: #1a1a21;
  padding: 20px 30px;
  border: none;
  outline: none;
  width: 100%;
  color: #a5b2b2;
  border-radius: 40px;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
  color: #a5b2b2;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #b534f1;
  padding: 15px 20px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  width: 160px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all .3s ease-out;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #07070a;
  color: #b534f1;
}
 
 
 
/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #a4a0bc;
  font-weight: 500;
}
.footer-area li::marker {
    color: #fff;
}
.footer-area h2{
  color: #fff;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
}
.footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
}

.footer-area  .fab, .footer-area .far{
  margin-right: 10px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  background: #0f1115;
  width: 45px;
  height: 45px;
  display: inline-flex;
  justify-content: center;
  border-radius: 30px;
  align-items: center;
}
.footer-area  .fab:hover, .footer-area .far:hover{
  background: #b534f1;
}
 
 
.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: #b534f1;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #fff;
  list-style: disc;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #b534f1;
}
/*.footer-area ul li::before {
  content: '\f8dd';
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
  color: #b534f1;
}*/
.copyright {
  background: #0e1015;
 
}
 
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #b534f1;
}
.copyright a:hover{
  color: #b534f1;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.custom-h6{
  font-size: 18px !important;
}
.footer-area .textwidget img{
  width: 100%;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 26px;
  line-height: 42px;
  color: #fff;
  font-weight: 400;
}
 
 
#contact .icon1{
  background: #fff;
  color: #6a6c7e;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}
#contact .icon1:hover{
  transform: rotate(360deg);
  color: #fff;
  background: #b534f1;
}
#contact .contact-enquiry{
  background: #1e1f29;
}
#contact .services-box{
  background: #17191f;
  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: 15px 20px;
  background: transparent;
  border: 1px solid #fff ;
  margin: 10px;
  outline: none;
  width: 46%;
  color: #fff;
  border-radius: 30px;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #fff ;
  outline: none;
  color: #fff;
  border-radius: 10px;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
  color: #fff;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #b534f1;
  border: none;
  border-radius: 30px;
  transition: all .3s ease-out;
}
 
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #07070a;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .icon2{
  font-size: 50px;
  color: #6a6c7e;
  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 .icon2{
  transform: rotate(360deg);
  color: #b534f1;
}
#contact h6{
  color: #b534f1;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #b534f1;
  text-transform: capitalize;
  font-size:32px;
  font-weight: 700;
}
#contact h3{
  color: #fff;
  text-transform: capitalize;
  font-size: 28px;
  font-weight: 400;
}
.contact-form{
  filter: drop-shadow(0px 19px 25.5px rgba(0,0,0,0.18));
  background: #17191f;
}
.video-box embed{
  height: 400px;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .video-box embed{
    height: auto;
  }
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .fix-sticky{
    position: unset;
   }
   #main-menu ul li a{
    color: #6a6c7e;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #17191f;
	  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: #b534f1;
		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: #6a6c7e;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #6a6c7e;
	}
	#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;
  }
  .menu-header .appintment-div{
    padding: 5px 10px;
    height: 45px;
  }
  .language-div select#gtranslate_selector{
    width: 150px;
    font-size: 12px;
  }
  .menu-header .last-div i{
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  #slider .slider-content{
    top: 35%;
    left: 5%;
  }

  #slider h1{
    font-size: 20px;
    max-width: 250px;
  }
   
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#b534f1;
  }
  #trending_video p, #latest_upload p, #news_updates .content, #instagram .content{
    width: 100%;
  }
  #most_viewed p, #most_vieweds p, #latest_blog .sec-content{
    margin-right: auto;
  }
  #most_vieweds .owl-carousel .owl-nav, #most_viewed .owl-carousel .owl-nav{
    display: none;
  }
  #most_vieweds .owl-dots, #most_viewed .owl-dots{
    text-align: center;
    width: 100%;
    display: block;
     
  }
  #most_vieweds .owl-dots button.owl-dot, #most_viewed .owl-dots button.owl-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #most_vieweds .owl-dots button.owl-dot.active, #most_viewed .owl-dots button.owl-dot.active{
    background-color:#b534f1;
  }
  #trending_video hr, #latest_upload hr, #news_updates hr, #instagram hr, #newsletter hr{
    width: 50%;
    margin-left: auto;
  }
   
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    position: unset;
    right: 0;
    margin: 15px 0;
    padding: 10px 20px;
  }
  #newsletter{
    background-size: auto !important;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  #banner_div .banner_box{
    margin-bottom: 0;
  }
  .page-template-frontpage .footer-area .footer{
    margin-top: 0;
  }
  .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;
  }
   
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
  #slider .owl-carousel button.owl-prev, #slider .owl-carousel button.owl-next{
    display: none;
  } 
   
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: unset;
		width: 100%;
    display: flex;
    justify-content: end;
	}
  .admin-bar .fix-sticky{
    margin-top: 45px;
  }
  header#site-navigation.fix-sticky{
    position: relative;
  }
  #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;
	}
  #slider h1 {
    font-size: 26px;
  }
  
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#b534f1;
  }
  #trending_video p, #latest_upload p, #news_updates .content, #instagram .content{
    width: 80%;
  }
  #most_viewed p, #most_vieweds p, #latest_blog .sec-content{
    margin-right: auto;
    width: 60%;
  }
  #newsletter .newsletter_box{
    top: 0;
    margin-bottom: 0;
  }
  #newsletter h3{
    font-size: 24px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 15px;
    width: 100%;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    right: 0;
    margin: 15px 0;
    position: relative;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#b534f1;
  }
  #slider .owl-carousel button.owl-prev, #slider .owl-carousel button.owl-next{
    display: none;
  } 
  

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#b534f1;
  }
	#slider .owl-carousel button.owl-prev, #slider .owl-carousel button.owl-next{
    display: none;
  } 
  #slider h1{
    font-size: 28px;
  }
  #trending_video p, #latest_upload p, #news_updates .content, #instagram .content{
    width: 60%;
  }
  #most_viewed p, #most_vieweds p, #latest_blog .sec-content{
    margin-right: auto;
    width: 50%;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  .latest-post .date-meta{
    font-size: 12px;
  }
  #recent_blog .post-date{
    top: 46%;
  }
  #recent_blog .owl-dots{
    display: block;
  }
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
   
  
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
  .latest-post .date-meta{
    font-size: 12px;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#b534f1;
  }
   
}