@media screen and (max-width: 1599px) and (min-width: 1440px){
.slide-index-number .carousel-indicators {
margin: 130px -45% 0px 0px;
}
.Slider-left-box {
margin-left: 50px;
}
h1.slidemidheading {
font-size: 40px;
line-height: 45px;
font-family: 'Archivo_Expanded';
color: var(--color-white);
}
.waching-icon{margin-bottom: 0px;}
.slide-nav-bg-content{
margin:11% 0px;
}
#our_services button.owl-next {
right: -5em;
left: auto !important;
}
#our_services button.owl-prev {
left: -5em;
right: auto !important;
}
}
@media screen and (max-width: 1439px) and (min-width: 1200px){
.slide-nav-bg-content{
margin: 11% 0;
}
.waching-icon{
margin-bottom: 0;
}
.topbar-left {
margin-right: 40px;
}
#our_services button.owl-next {
right: -2em;
}
#our_services button.owl-prev{
left: -2em;
}
p.slidesmalltext{
font: 300 17px/40px;
max-width: 95%;
}
.recording-text{
font: bold 152px/140px;
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-size: 36px;
line-height: 40px;
}
.main-navigation li{
padding: 0 10px;
}
}
@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;
}
h1.slidemidheading{
font: bold 35px/52px;
}
.recording-text{
font: bold 133px/140px;
}
#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;
}
p.lable-text{
font: 300 12px/30px;
}
.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: 1100px) and (min-width: 1025px){
.recording-text {
font: bold 118px/140px !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 !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: 1040px) {
.toggle-nav {
display: block;
text-align: right;
}
.stickynavbar .toggle-nav i{
margin-top: 13px;
}
.toggle-nav i {
font-size: 29px;
color: #FF8257 !important;
margin-top: 13px;
}
.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: 0px 20px 12px 20px;
display: block;
border-bottom: 1px solid #e2e2e2;
background: 0 0!important;
text-align: left;
margin: 0;
}
#sidebar1 {
height: auto;
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: block;
margin-top: 27%;
width: 5%;
}
#slider a.carousel-control-prev i,#slider a.carousel-control-next i{
background-color: var(--color-red);
}
}
@media screen and (max-width: 1040px) and (min-width: 992px){
#slider .slider-main-image img {
width: 100%;
height: 100%;
padding-top: 50px;
object-fit: cover;
}
.topbar-left {
margin-right: 25px;
}
.slide-nav-bg-content{
display: none;
}
#slider .carousel-indicators{display: none;}
.feature-text p{
font: 500 18px/40px;
padding: 5px 0 0 0px;
}
p.about-text{
font: 400 16px/32px;
}
.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;
}
p.slidesmalltext{
font: 300 15px/40px;
max-width: 90%;
}
.recording-text{
font: bold 113px/140px;
}
.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;
}
p.lable-text{
font: 400 12px/30px;
}
.download-btn{
padding: 20px 25px;
}
.topbar-cart-icon {
margin: 0 12px;
}
#team,#latest_news {
padding-bottom: 0;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
#slider a.carousel-control-prev,#slider a.carousel-control-next{
display: block;
margin-top: 37%;
width: 5%;
}
.btn.start-now{font-size: 14px;}
#slider .slider-main-image img {
width: 100%;
height: 100%;
padding-top: 115px;
}
.slide-nav-bg-content{
display: none;
}
#slider .carousel-indicators{display: none;}
.stickynavbar {
background-color: #4f4a4a;
opacity: 1;
}
#slider {
position: relative;
padding:0px;
}
.topbar-left{margin-right: 9px;}
.topbar-left a {
color: #fff;
font-size: 12px;
line-height: 45px;
}
.topbar-album {
color: #fff;
font-size: 15px;
line-height: 45px;
text-align: center;
}
#our_services button.owl-next {
right: -1.5em;
}
span.recording-index{
font: bold 52px/96px;
top: 0px;
}
.feature-text p{
font: 500 18px/40px;
padding: 5px 0 0 0px;
}
p.about-text{
font: 400 16px/32px;
}
.feature-image{
width: 50px;
height: 50px;
padding: 13px;
}
.cart-btn-box {
margin: 0 31px;
}
h1.slidemidheading{
font: bold 26px/35px;
}
p.slidesmalltext{
font: 300 14px/32px;
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;
padding: 4px 0 0 15px;
}
p.about-text {
font: 400 15px/34px;
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;
}
#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 18px/36px var(--font-Archivo);
}
#what_we_use li.nav-item {
margin-bottom: 5px;
}
span.post-date, span.blog-entry-date {
font: 300 12px/40px;
}
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: 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-size: 30px;
line-height: 35px;
font-weight: 700;
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-size: 20px;
line-height: 40px;
font-weight: 500;
}
#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-size: 14px;
line-height: 30px;
font-weight: 400;
}
p.lable-text{
font-size: 12px;
line-height: 30px;
font-weight: 300;
}
#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-size: 12px;
line-height: 40px;
font-weight: 300;
}
.blog-box-content{
padding: 15px;
}
#vw-footer_box .footer1 p{
width: 94%;
}
}
@media screen and (max-width: 767px) {
p.slidesmalltext{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
padding-top: 10px;margin-bottom: 20px;
}
#site-sticky-menu .row #vw-main-menu {
border-right: none;
border-left: none;
}
.slide-nav-bg-content{
display: none;
}
.slide-index-number .carousel-indicators{
display:none !important;
}
#slider .carousel-caption{
top:6%;
}
.stickynavbar {
background-color: #4f4a4a;
opacity: 1;
box-shadow: rgba(0, 0, 0, 0.16) 0px 54px 55px;
}
#what_we_use .tab-box ul.nav.nav-tabs{
width: 100%;
}
}
@media screen and (max-width: 575px) {
.topbar-left {
margin: 0px auto 0px auto;
padding: 0px 5px;
}
.vw-review-logo {
text-align: center;
padding: 8px 13px;
}
#slider .slider-main-image img {
width: 100%;
height: 50vh;
object-fit: initial;
}
h1.slidemidheading {
font-size: 22px;
line-height: 25px;
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;
}
.feature-text p{
font: 500 17px/40px;
}
.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;
}
.section-content-box {
padding: 0 0;
}
p.lable-title {
font: 400 13px/30px;
}
p.lable-text{
font: 300 12px/30px;
}
.tab-box{
position: static;
margin-bottom: 10px;
}
#what_we_use_dec{
padding: 30px 20px 30px 4em;
}
.tab-content li{
font: normal 13px/36px var(--font-Archivo);
}
.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-size: 33px;
line-height: 35px;
font-weight: 700;
}
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;
}
}