﻿@media screen and (max-width:1200px)
{
.middle-in{ width:96%; padding:18px 2%;}
.events-outer li{ width:18.6%; margin-left:1.5%;}
.middle-event-left{ width:68%; padding:2%; margin-bottom:20px;}
.middle-event-right{ width:29%;}
.col-1{ width:15%;}
.col-2{ width:12%;}
.col-3{ width:20%;}
.social-media{ width:11%;}
.event-left{ width:48%;}
.event-right{ width:52%;}
.navigation ul{ width:100%;}
.slider {}

/*event roof page*/
.roof-box{width:31.4%;}


}

@media screen and (max-width:1024px)
{
.estimate1{ font-size:17px;}
.estimate1 a{ width:160px; font-size:15px;}
.navigation ul li a{ font-size:15px;}
.flex-caption{ bottom:83px;}
/*Inner page*/
.banner-inner h2{font-size:35px;}
.sound-product li{ width:18%;}
.col-1{ width: 17%;}
.col-3 {    width:21% !important;}
.social-media, .social-icon {    width: auto;}
.address{width: 25%;}
.address p{font-size: 13px;    line-height: 20px;}
.slider {}

.roof-box{width:31.3%;}

.tab button{font-size:18px;}

}
@media all and (max-width: 1024px) and (min-width: 1000px)
{
.banner-inner{bottom:0;}
.banner-inner h2{padding:0;}
.slider {

}



}

@media screen and (max-width:1000px)
{
.event-outer-btm{ width:100%;}
.estimate1{ width:96%; padding:0 2%;}
.navigation{ display:none;}
header{ position:relative;}
.events-outer li a{ font-size:13px;}
.event-tital{ font-size:25px;}
.event-outer-btm li:nth-child(2){ margin:0 3%;}
.event-left{ width:100%; font-size:25px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.event-right{ width:100%; padding:2%; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-top:10px;}
.top-sec{ margin-top:5px;}
.flex-caption{top: 20%;}
/*inner page css*/
.title-div{margin:0;}
.title-div h1{font-size:30px;}
.event-sound .right-img-div{width:33%;}

.sound-product li{ width:22.6%;}
.slider {}

.tab button{font-size:16px; padding:10px 10px;}
.specification-list ul li:nth-child(2n){float:right;}
.roof-box{width:30.7%;}
.roof-box h4{padding:8px 15px; font-size:18px;}
.tab-head{margin-bottom:40px;}
.roof-tabs-section .tab button.tablinks::after{width:14px; height:14px;}


}

@media screen and (max-width:768px)
{
.estimate1 p{font-size:13px;}
.estimate1 a{ width:140px; font-size:14px;}

.middle-event h2{ line-height:normal; font-size:18px;}
.middle-event-left li{ line-height:normal; margin-bottom:10px;}
.inner p{ text-align:center;}
.event-outer-btm li{ width:30%;}
.event-outer-btm li:nth-child(2){ margin:0 4%;}

/*Inner page*/
.comman-lightbox ul li{margin: 1%;    width: 23%;}

/*sound-rentals*/
.sound-product li{ width:31.3%;}
.slider {

}


/*.address{padding-left: 26px;
    width: 295px;}
.social-icon{ width:92px;}
.social-media,.col-3,.col-2,.col-1{ width:30%;}	*/
}

@media screen and (max-width:767px){
.cols1{width:98% !important;}
.bullets-points-div ul li{width: 42%;}
.col-1 {    width: 33%;}
.col-2 {    width: 33%;}
.col-3 {    width: 33% !important;}
.address {    float: left;    margin: 15px 0 0 10px;    width: 42%;}
.slider {}

.tab button{width:49.5%; border:none; font-size:18px; border:1px solid #000; margin-bottom:5px;}
.tab button:nth-child(2n){float:right;}
.tab button:last-child{border-right:1px solid #000;}


.tabcontent{padding:20px 15px; margin-top:15px;}
.specification-list h3, .tab-head h3{font-size:22px;}
.specification-list ul li{width:100%;}
.roof-box:nth-child(3n){margin-right:20px;}
.roof-box{width:47%;}
.roof-box:nth-child(2n){margin-right:0;}
 .roof-box:nth-child(3){margin-top:20px;}
 .specification-list{margin-bottom:40px;}
.tab{border:none;}
}

@media screen and (max-width:640px)
{
.events-outer li{ width:31%; margin-bottom:10px;}
.events-outer li:nth-child(4) {
  margin-left: 0;
}
.logo{ width:48%;}
.contact{ font-size:20px;}
.middle-in h1{ font-size:20px;}
.event-tital{ font-size:20px;}
.events-outer ul{ width:100%;}
.estimate{ display:none;}
.events-outer li{ margin-top:0px;}
.estimate-res{ line-height:normal;}
.estimate-res p{width:70%; line-height:normal; padding-top:10px;}
.estimate-res{ display:block; clear:both; font-size:15px;}
.estimate-res a{ font-size:15px; width:150px;}
.product-package{width:96%;}
.slider {

}

}


@media screen and (max-width:600px)
{
.events-outer li{ width:48%;}
.events-outer li img{ width:100%;}
.events-outer li:nth-child(3), .events-outer li:nth-child(5) {
  margin-left: 0;
}
.events-outer li:nth-child(4){ margin-left: 1.5%;}
.event-left{ width:100%; font-size:17px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.col-1{ width:30%; margin-bottom:10px;}
.col-2{ width:30%; margin-bottom:10px;}
.col-3{ width:32%; margin-bottom:10px;}
.estimate-res p{ width:62%;}

/*Inner page*/
.comman-lightbox ul li{margin: 1%;    width: 31.3%;}
.banner-inner h2{font-size:28px;}

.sound-product li h2{ font-size:13px;}
.slider {

}
.slider {}

.roof-box{width:46%;}
.roof-tabs-section .tab button.tablinks::after { width: 16px;     height: 16px;}

}



@media screen and (max-width:480px)
{
.banner-inner h2{font-size:20px;}
.logo{ width:100%; text-align:center;}
.contact{ margin:0 auto; float:none; overflow:hidden; clear:both; width:180px;}
.event-outer-btm li:nth-child(2){ margin:15px 0;}
.event-outer-btm li{ width:100%;}
.event-outer-btm li:nth-child(1), .event-outer-btm li:nth-child(3){ background-size:cover;}
.event-outer-btm li:nth-child(2){background-size:cover;}
.middle-event-right{ margin:0 auto; float:none;}

.middle-event-left{ width:100%;}
.middle-event-right{ width:281px;}
.bullets-points-div ul li{width: 90%;}
.slider {

}

.tab button{width:100%; font-size:16px; text-align:left; padding:10px 15px;}
.tabcontent{margin-top:20px;}
.tabcontent{padding:15px;}
.roof-box{width:100%; margin-right:0;}
.roof-box:nth-child(2n),.roof-box:nth-child(3n){margin-right:0;}
.roof-box:nth-child(2){margin-top:20px;}
.roof-box h4{font-size:16px;}


}
@media screen and (max-width:460px)
{
.flex-caption h1{ font-size:30px; width:216px;}
.flex-caption h2{ font-size:20px; width:150px;}
}
@media screen and (max-width:440px)
{
.inner p{ font-size:12px; text-align:center;}
.inner p span{ padding:0 5px;}
.events-outer li{ width:100%; margin:10px 0;}
.event-image{ width:100%;}
.event-image img{ width:100%;}
.estimate-res p{ width:50%; padding-bottom:10px;}
.col-1{ width:34%;}
.col-2{ width:26%;}
.col-3{ width:39%;}
.social-media{ width:auto;}
.address{ width:45%;}
footer a{ font-size:12px;}
.copyright{ line-height: normal; padding:10px 0;}
.social-icon{ width:auto;}

/*inner page*/
.event-sound .right-img-div{width: 100%; margin: 20px 0 15px;}
.event-sound .right-img-div img{width:100%;box-sizing:border-box;}

/*sound-rentals*/
.sound-product li{ width:48%;}
}


@media screen and (max-width:360px)
{
.estimate-res p{ width:100%; text-align:center;}
.estimate-res a{ width:100%;}
.col-1 {    width: 53%;}
.col-3 {    width: 50% !important;}
.social-media {    width: 29%;}
.social-icon {width: 17%;float:right;}
.social-icon ul li{width: 46%;margin:0 0% 0 2%;}
.address {    margin-left: 0;    width: 100%;}
.slider {

}

}
