@media screen and (max-width: 1040px) {	
	.toggle-nav {
		display: block;
		text-align: right;
	}
	.stickynavbar .toggle-nav i{
		margin-top: 17px;
	}
	.toggle-nav i {
		font-size: 29px;
		color: #000 !important;
	}
	.stickynavbar .toggle-nav i{
		color: #fff !important;
	}
	.sidenav .close-sidebar {
		position: relative;
		font-size: 32px;
		display: block;
		padding-right: 7%;
		color: #ffffff;
		cursor: pointer;
		cursor: pointer;
    	text-align: right;
	}
	.sticky .toggle-nav i {
		margin-right: 30px;
	}
	.main-navigation ul li.current-menu-item a{
		border-top: none !important;
	}
	.main-navigation ul li>ul {
		opacity: 1;
		display: block !important;
		visibility: visible !important;
		transform: none;
		box-shadow: unset;
		padding: 0;
		margin: 0;
	}
	.main-navigation ul li a:before,
	.main-navigation ul li a:before {
		background-color: transparent;
	}
	.main-navigation ul li:hover>ul {
		display: block !important;
		padding: 0;
		color: #000000;
	}
	.main-navigation ul li {
    	height: 100%;
	}
	.main-navigation ul li ul li ul {
		position: unset;
	}
	.main-navigation ul li ul{
		display: none;
		position: relative !important;
	}
	.main-navigation ul ul li a:hover{
		transition: unset;
		padding: 12px 12px;
	}
	.headerbar {
		display: block !important;
		margin: 0;
	}
	.main-navigation ul ul li{
		padding: 0px 12px;
  		margin: 0px 0 0px 0;
	}
	.main-navigation ul ul li a {
		padding-left: 16px;
		color: #ffff !important;
	}
	.main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after,.section-left-image {
		display: none;
	}
	.main-header .main-navigation,#slider .icon_img img {
		display: none
	}
	.main-navigation,.main-navigation li {
		padding: 0;
		display: block;
		width: 250px;
	}
	.main-navigation ul li a {
		padding: 12px 19px 12px 8px;
		display: block;
		border-bottom: 1px solid #e2e2e2;
		background: 0 0!important;
		text-align: left;
		margin: 0;
	}
	#sidebar1 {
		height: 100%;
		width: 0;
		position: fixed !important;
		z-index: 9999999;
		top: 0;
		right: 0;
		background: #000;
		overflow-x: hidden;
    	transition: .9s;
		padding-top: 8px !important;
	}
	#sidebar1 ul li a{
		color: #fff !important;
		border-bottom: none;
	}
	#sidebar1 ul li:hover>ul {
	  visibility: visible;
	  opacity: 1;
	  height: auto;
	  z-index: 11111;
	  transform: scale(1) !important;
	}
	#sidebar1 ul li:hover>ul {
    	display: block !important;
    	transition: all .4s ease;
	}
	#sidebar1 ul ul {
    	background: #fff;
    	border-top: 4px solid var(--color-red);
    	visibility: hidden;
    	display: none !important;
    	opacity: 0;
    	animation-name: fadeOutUp;
  		transform: scale(0) !important;
  		transform-origin: top left;
  		transition: all 0.3s ease-out;
	}
	@keyframes fadeOutUp {
	  from {
	    opacity: 1;
	  }

	  to {
	    opacity: 0;
	    transform: translate3d(0, -100%, 0);
	  }
	}
	#sidebar1 ul ul li a:after{
		content: '' !important;
		background: #283891 !important;
		padding: 10px 0px;
		height: 85%;
		width: 92%;
		border-radius: 0 50% 50% 50%;
		transform: scale(0);
		transform-origin: top left;
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: -1;
		transition: all 0.3s ease;
	}
	#sidebar1 ul ul li a:hover:after{
	  border-radius: 0;
	  transform: scale(1);
	}
	#sidebar1 .main-navigation ul ul li a:hover:after {
		content: "";
	}
	.main-navigation ul ul{
		width: 100%;
	}
	.main-navigation ul ul,.main-navigation ul ul li {
		background: transparent !important;
	}
	.main-navigation ul ul li {
		display: block;
		padding-left: 1px;
		border-bottom: none;
	}
	.main-navigation ul ul ul li {
		padding-left: 15px;
	}
	.main-navigation ul.sub-menu li a:before {
		content: none;
	}
	.social-icons, .wrapper{
		margin-top: 10%;
	}
	#slider a.carousel-control-prev,#slider a.carousel-control-next{
		display: none;
	}	
}
@media screen and (max-width: 575px) {
	.entry-title:after,.recording-text,.scroll-to-next-section button.btn.btn-info,p.slidesmalltext,#slider a.carousel-control-next,#slider a.carousel-control-prev{
		display: none;
	}
	.vw-review-logo {
	    text-align: center;
	    background: var(--color-red);
	    padding: 8px 13px;
	}
	#slider .slider-main-image img {
	   width: 100%;
	    height: 50vh;
	    object-fit: cover;
	}
	h1.slidemidheading {
	    font: bold 22px/25px var(--font-poppins);
	    color: #fff;
	    max-width: 100%;
	    margin-top: 15px;
	}
	.slide-left-image {
	    margin-top: -4em;
	}
	#vw-header{
		position: relative !important;
	}
	#our_services button.owl-next {
	    right: 5em;
	}
	#our_services button.owl-prev {
	    left: 5em;
	}
	#our_services button.owl-next, #our_services button.owl-prev{
		top: auto;
    	bottom: -35px;
	}
	h3.service-title a {
	    font: 500 20px/40px var(--font-poppins);
	}
	.feature-text p{
		font: 500 17px/40px var(--font-poppins);
	}
	.feature-image{
		width: 55px;
    	height: 55px;
	}
	p.about-text{
		max-width: 100%;
	}
	#video_sec iframe{
		height: auto;
		aspect-ratio: 2 / 1;
	}
	#cart{
		right: -76px;
	}
	.download-btn{
		padding: 20px 5px;
	}
	.news-right-box .post_head,#vw-footer_box .footer1 p {
	    width: 100%;
	}
	.news-right-box .download-btn {
	    padding: 2em 0.5em 0 0;
	}
	h3.post_head a {
	    font: 600 23px/30px var(--font-poppins);
	}
	.section-content-box {
	    padding: 0 0;
	}
	p.lable-title {
	    font: 400 13px/30px var(--font-poppins);
	}
	p.lable-text{
		font: 300 12px/30px var(--font-poppins);
	}
	.tab-box{
		position: static;
		margin-bottom: 10px;
	}
	#what_we_use_dec{
		padding: 30px 20px 30px 4em;
	}
	.tab-content li{
		font: normal 13px/40px var(--font-poppins);
	}
	.headphone-image{
		display: none;
	}
	#recoding_studio button.owl-prev {
	    left: 5%;
	}
	#recoding_studio button.owl-next {
	    right: 5%;
	}
	#what_we_use a.nav-link.content-para.active:after{
		margin-left: 20px;
	}
	p.booking-text{
		width: 90%;
	}
	.newsletter-code{
		padding: 3em 1em 10px;
	}
	.booking-left-box{
		padding: 3em 0 10em;
	}
	#vw-footer input[type="submit"]{
		position: absolute;
	    left: auto;
	    right: 1px;
	    top: 0px;
	}
	.section-heading-box h2 {
	    font: bold 33px/35px var(--font-poppins);
	}
	section{
		padding: 35px 0;
	}
	#what_we_use{
		background-size: cover;
	}
	.share_icon a{
		padding: 10px 15px;	
	}
	.page-template-blog-fullwidth-extend #single_post .postbox .post-content-box h4{
		padding-right: 0;
    	margin-right: 0;
	}
	#slider a.carousel-control-prev,#slider a.carousel-control-next{
		display: none;
	}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
	#slider a.carousel-control-prev,#slider a.carousel-control-next{
		display: none;
	}
	.vw-review-logo {
	    text-align: center;
	    background: var(--color-red);
	    padding: 8px 13px;
	}
	#vw-header{
		position: relative !important;
	}
	h1.slidemidheading{
		font: bold 30px/35px var(--font-poppins);
		max-width: 100%;
	}
	p.slidesmalltext,.recording-text{
		display: none;
	}
	.scroll-to-next-section button.btn.btn-info{
		bottom: 15px;
		width: 40px;
    	height: 40px;
    	margin-left: 0px;
	}
	#our_services button.owl-prev {
	    left: -1em;
	}
	#our_services button.owl-next, #our_services button.owl-prev{
		top: 35%;
	}
	#our_services .owl-nav i{
		height: 40px;
    	width: 40px;
    	padding: 13px 0;
    	font-size: 13px;
	}
	h3.service-title a{
		font: 500 20px/40px Poppins;
	}
	#our_services button.owl-next {
	    right: -1em;
	}
	p.about-text{
		max-width: 100%;
	}
	.section-content-box {
	    padding: 0 0.5em;
	}
	.headphone-image{
		display: none;
	}
	p.lable-title {
		font: 400 14px/30px var(--font-poppins);
	}
	p.lable-text{
		font: 300 12px/30px var(--font-poppins);
	}
	#what_we_use_dec{
		padding: 30px 20px 30px 6em;
	}
	.tab-box{
		position: static;
		margin-bottom: 15px;
	}
	#what_we_use{
		background-size: cover;
	}
	p.booking-text{
		width: 75%;
	}
	span.post-date, span.blog-entry-date {
	    font: 300 12px/40px var(--font-poppins);
	}
	.blog-box-content{
		padding: 15px;
	}
	#vw-footer_box .footer1 p{
		width: 94%;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	#our_services button.owl-next {
	    right: -1.5em;
	}
	span.recording-index{
		font: bold 52px/96px var(--font-poppins);
		top: 0px;
	}
	.feature-text p{
		font: 500 18px/40px var(--font-poppins);
    	padding: 5px 0 0 0px;
	}
	p.about-text{
		font: 400 16px/32px var(--font-poppins);
	}
	.feature-image{
		width: 50px;
    	height: 50px;
    	padding: 13px;
	}
	.cart-btn-box {
	    margin: 0 31px;
	}
	h1.slidemidheading{
		font: bold 26px/35px var(--font-poppins);
	}
	p.slidesmalltext{
		font: 300 14px/32px var(--font-poppins);
		max-width: 100%;
	}
	.recording-text{
		display: none;
	}
	.scroll-to-next-section button.btn.btn-info{
		bottom: 0;
		width: 50px;
    	height: 50px;
	}
	#our_services button.owl-prev {
	    left: -1.5em;
	}
	.feature-image{
		width: 50px;
    	height: 50px;
    	padding: 13px;
	}
	.feature-text p {
	    font: 500 18px/40px var(--font-poppins);
	    padding: 4px 0 0 15px;
	}
	p.about-text {
	    font: 400 15px/34px var(--font-poppins);
	    max-width: 100%;
	}
	#recoding_studio .owl-item.center{
		bottom: 8px;
	}
	.section-content-box {
	    padding: 0 2.5em;
	}
	.headphone-image{
		display: none;
	}
	#what_we_use .tab-box ul.nav.nav-tabs{
		width: 210px;
	}
	.tab-box{
		left: -4em;
		top: 40px;
	}
	#what_we_use li.nav-item a{
		font: 600 18px/40px var(--font-poppins);
	}
	#what_we_use a.nav-link.content-para.active:after{
		margin-left: 18px;
		width: 35px;
	}
	#what_we_use_dec{
		padding: 30px 20px 30px 15em;
	}
	.tab-content li{
		font: normal 13px/40px var(--font-poppins);
	}
	#what_we_use li.nav-item {
	    margin-bottom: 5px;
	}
	span.post-date, span.blog-entry-date {
	    font: 300 12px/40px var(--font-poppins);
	}
	p.booking-text{
		width: 80%;
	}
	#our_services .owl-nav i{
		height: 40px;
    	width: 40px;
    	padding: 13px 0;
    	font-size: 13px;
	}
	#our_services button.owl-next, #our_services button.owl-prev{
		top: 40%;
	}
	#team,#latest_news {
	    padding-bottom: 0;
	}
	.page-template-blog-fullwidth-extend #single_post .postbox .post-content-box h4{
		padding-right: 0;
    	margin-right: 0;
	}
}

@media screen and (max-width: 1024px) and (min-width: 992px){
	.feature-text p{
		font: 500 18px/40px var(--font-poppins);
    	padding: 5px 0 0 0px;
	}
	p.about-text{
		font: 400 16px/32px var(--font-poppins);
	}
	.feature-image{
		width: 50px;
    	height: 50px;
    	padding: 13px;
	}
	#our_services button.owl-next {
	    right: -1.3em;
	}
	#our_services button.owl-prev {
	    left: -1.3em;
	}
	.headphone-image{
		top: 82px;
	}
	#our_services .owl-nav i{
		height: 40px;
    	width: 40px;
    	padding: 13px 0;
    	font-size: 13px;
	}
	#our_services button.owl-next, #our_services button.owl-prev{
		top: 40%;
	}
	p.about-text{
		max-width: 100%;
	}
	.news-right-box h3.post_head a{
		font-size: 20px;
	}
	.section-content-box {
	    padding: 0 5.5em;
	}
	#what_we_use .tab-box ul.nav.nav-tabs{
		width: 290px;
	}
	.tab-box{
		left: -10em;
	}
	p.booking-text{
		width: 55%;
	}
	h1.slidemidheading{
		font: bold 25px/36px var(--font-poppins);
	}
	p.slidesmalltext{
		font: 300 15px/40px var(--font-poppins);
		max-width: 90%;
	}
	.recording-text{
		font: bold 113px/140px var(--font-poppins);
	}
	.scroll-to-next-section button.btn.btn-info{
		bottom: 64px;
		width: 45px;
	    height: 45px;
	    margin-left: -2px;
	}
	#recoding_studio .owl-item.center{
		bottom: 13px;
	}
	p.lable-title{
		font: 400 12px/30px var(--font-poppins);
	}
	p.lable-text{
		font: 400 12px/30px var(--font-poppins);
	}
	.download-btn{
		padding: 20px 25px;
	}
	.topbar-cart-icon {
	    margin: 0 12px;
	}
	#team,#latest_news {
	    padding-bottom: 0;
	}
}
@media screen and (max-width: 1100px) and (min-width: 1025px){
	.recording-text {
	    font: bold 118px/140px var(--font-poppins) !important;
	    bottom: 0px;
	}
	.scroll-to-next-section button.btn.btn-info{
		bottom: 60px;
		width: 50px;
	    height: 50px;
	    margin-left: -14px;
	}
	p.slidesmalltext{
		max-width: 100%;
	}
	p.slidesmalltext {
	    font: 300 14px/35px var(--font-poppins) !important;
	}
	.toggle-nav i{
		margin-right: 35px;
    	margin-top: 4px;
	}
	.download-btn{
		padding: 20px 15px;
	}
	.news-right-box .download-btn {
	    padding: 2em 0.5em 0 0;
	}
	.outer-footer[data-aos^=slide][data-aos^=slide].aos-animate {
	    transform: unset;
	}
}
@media screen and (max-width: 1199px) and (min-width: 1025px){
	.main-navigation li{
		padding: 0 8px;
	}
	.stickynavbar .toggle-nav i{
		margin-top: 17px;
	}
	.main-navigation a{
		font-size: 18px;
	}
	#slider a.carousel-control-next,#slider a.carousel-control-prev {
	    display: none;
	}
	p.slidesmalltext{
		font: 300 15px/35px var(--font-poppins);
	}
	h1.slidemidheading{
		font: bold 35px/52px var(--font-poppins);
	}
	.recording-text{
		font: bold 133px/140px var(--font-poppins);
	}
	#our_services button.owl-next {
	    right: -2.2em;
	}
	#our_services button.owl-prev{
		left: -2.2em;
	}
	.news-right-box h3.post_head a{
		font-size: 20px;
	}
	p.lable-title{
		font: 400 13px/30px var(--font-poppins);
	}
	p.lable-text{
		font: 300 12px/30px var(--font-poppins);
	}
	.section-content-box {
	    padding: 0 4.5em;
	}
	p.booking-text{
		width: 55%;
	}
	p.about-text{
		max-width: 100%;
	}
	#team,#latest_news{
	    padding-bottom: 20px;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1200px){
	#our_services button.owl-next {
	    right: -2em;
	}
	#our_services button.owl-prev{
		left: -2em;
	}
	p.slidesmalltext{
		font: 300 17px/40px var(--font-poppins);
		max-width: 95%;
	}
	.recording-text{
		font: bold 152px/140px var(--font-poppins);
		bottom: 10px
	}
	.section-content-box {
	    padding: 0 7.5em;
	}
	#slider a.carousel-control-next,#slider a.carousel-control-prev {
	    display: none;
	}
	.scroll-to-next-section button.btn.btn-info{
		bottom: 67px;
	}
	h1.slidemidheading{
		font: bold 46px/57px var(--font-poppins);
	}
	.main-navigation li{
		padding: 0 10px;
	}
}