@media(max-width:767px){.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{width:100% !important;float:left;}
.logo{text-align:center !important;padding:15px 0 !important;}
.side-logo{width:80%;float:none !important;display:table;margin:0 auto;padding-top:30px;}
.banner-area h1{font-size:80px !important;line-height:normal !important;margin-top:0 !important;text-align:center;width:auto !important;}
.banner-area{padding:20px 0 !important;}
.banner-area h1 span{font-size:75px !important;float:left;}
.order-area h1{font-size:34px!important;}
.order-area h1:nth-child(1){margin-top:0;margin-bottom:0;color:#fff;}
.order-area h1:nth-child(2){margin-top:0!important;left:0!important;}
.order-area h1:nth-child(3){margin-top:0!important;left:0!important;}
.order-area{padding:10px 0 10px !important;}
.abt h1{width:100% !important;}
.vdos h2{top:-7%!important;left:33%!important;}
.oth-sec h1{text-align:center;margin-top:10px !important;}
.oth-sec h1:after{width:100% !important;}
.oth-sec img{width:100%!important;float:none!important;margin:0 auto;display:table;}
.oth-sec p{text-align:center !important;}
.order-area button{position:relative!important;right:0!important;top:30px!important;}
.footr{margin-top:44px;text-align:center;}
.footr ul{margin:0 auto;display:table;}
.footr ul li{width:100%;text-align:center;border:none !important}
.footr h1{float:none !important;}
}
@media(min-width:768px) and (max-width:979px){}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){}

 @import url(https://fonts.googleapis.com/css?family=Raleway);

body {
  color: #333;
  background: #fcfcfc;
  font-family: 'Raleway', sans-serif;
  overflow-x: hidden;
}

.faq-header{
  font-size: 42px;
  border-bottom: 1px dotted #ccc;
  padding: 24px;
}

.faq-content {
  margin: 0 auto;
}

.faq-question {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

.panel-title {
  font-size: 24px;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 10px 10px 0 48px;
  display: block;
  cursor: pointer;
}

.panel-content {
  font-size: 20px;
  padding: 0px 14px;
  margin: 0 40px;
  height: 0;
  overflow: hidden;
  z-index: -1;
  position: relative;
  opacity: 0;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}

.panel:checked ~ .panel-content{
  height: auto;
  opacity: 1;
  padding: 14px;
}

.plus {
  position: absolute;
  margin-left: 20px;
  margin-top: 4px;
  z-index: 5;
  font-size: 42px;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}

.panel:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel {
  display: none;
}