@media screen and (min-width: 320px) and (max-width: 359px) {
    
 .main_width{
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
 } 
    
 .logo_row{
     width: 100%;
    text-align: center;
    float: none;
 }   
    
 .logo_row img{
      width: 45%;
  }  
    
 .top_right{
         float: none;
        margin: 0 auto;
        width: fit-content;
        padding: 10px 0;
 }   
    
.top_right ul{
        display: inline-block;
}    
    
.top_right ul li{
      float: left;  
}
    
.top_right ul li a {
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}

.top_right ul li:last-of-type a {
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
}


.video_wrapper {
    height: 320px;
}

.about_wrapper{
    padding: 10px 0;
}    
    
.about_row{
        width: 100%;
    float: none;
}    
    
.about_text p{
        width: 100%;
        margin-bottom:30px;
}    
    
 .about_preview{
         width: 100%;
    float: none;
 }   
    
.about_preview img{
        width: 100%;
    float: none;
}    
    
.order_wrapper{
    padding: 30px 0px 70px 0px;
}    
    
.order_box h4{
        font-size: 18px;
}    
    
.order_item input{
        padding: 10px;
    font-size: 15px;
}    
    
span.deleteicon span{
        top: 8px;
}    
    
.sb_row button {
    padding: 23px 20px;
}
    
 .message_wrapper p {
    font-size: 20px;
    padding: 30px 20px;
 }
    
 footer{
         height: auto;
 }   
    
.footer_box .footer_item:nth-of-type(1),
.footer_box .footer_item:nth-of-type(2),
.footer_box .footer_item:nth-of-type(3){
         width: 100%;
    float: none;
    margin-bottom: 20px;
        text-align: center;
 }   
    
.footer_item img {
  width: 70%;
 }   
    
    
.footer_box .footer_item:nth-of-type(2){
 float: left;
    width: 39%;
    margin-bottom: 0;   
}    
    
.footer_box .footer_item:nth-of-type(3){
     float: right;
    width: 57%;
    margin-bottom: 0;   
}      
    
  .fancybox-content {
    padding: 10px;
}  
    
    
.top_data {
  padding: 10px 0px 10px 0px;
}  
    
    
    
#mobile_video{
    display:block;
} 
    
     
#desktop_video{
    display:none;
} 
       
    
    
    
    
    
    
    
    
}


@media screen and (min-width:360px) and (max-width:420px) {
        
 .main_width{
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
 } 
    
 .logo_row{
     width: 100%;
    text-align: center;
    float: none;
 }   
    
 .logo_row img{
      width: 45%;
  }  
    
 .top_right{
          float: none;
        margin: 0 auto;
        width: fit-content;
        padding: 10px 0;
 }   
    
.top_right ul{
        display: inline-block;
}    
    
.top_right ul li{
      float: left;  
}
    
.top_right ul li a {
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}

.top_right ul li:last-of-type a {
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
}


.video_wrapper {
    height: 375px;
}

.about_wrapper{
    padding: 10px 0;
}    
    
.about_row{
        width: 100%;
    float: none;
}    
    
.about_text p{
        width: 100%;
        margin-bottom:30px;
}    
    
 .about_preview{
         width: 100%;
    float: none;
 }   
    
.about_preview img{
        width: 100%;
    float: none;
}    
    
.order_wrapper{
    padding: 30px 0px 70px 0px;
}    
    
.order_box h4{
        font-size: 18px;
}    
    
.order_item input{
        padding: 10px;
    font-size: 15px;
}    
    
span.deleteicon span{
        top: 8px;
}    
    
.sb_row button {
    padding: 23px 20px;
}
    
 .message_wrapper p {
    font-size: 20px;
    padding: 30px 20px;
 }
    
 footer{
         height: auto;
 }   
    
.footer_box .footer_item:nth-of-type(1),
.footer_box .footer_item:nth-of-type(2),
.footer_box .footer_item:nth-of-type(3){
         width: 100%;
    float: none;
    margin-bottom: 20px;
        text-align: center;
 }   
    
.footer_item img {
  width: 70%;
 }   
    
    
.footer_box .footer_item:nth-of-type(2){
 float: left;
    width: 39%;
    margin-bottom: 0;   
}    
    
.footer_box .footer_item:nth-of-type(3){
     float: right;
    width: 57%;
    margin-bottom: 0;   
}      
    
  .fancybox-content {
    padding: 10px;
}  


.top_data {
  padding: 10px 0px 10px 0px;
}  

#mobile_video{
    display:block;
} 
    
     
#desktop_video{
    display:none;
} 
   



    
    
    
}


@media screen and (min-width:421px) and (max-width:639px){
        
 .main_width{
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
 } 
    
 .logo_row{
     width: 100%;
    text-align: center;
    float: none;
 }   
    
 .logo_row img{
      width: 45%;
  }  
    
 .top_right{
        float: none;
        margin: 0 auto;
        width: fit-content;
        padding: 10px 0;
 }   
    
.top_right ul{
        display: inline-block;
}    
    
.top_right ul li{
      float: left;  
}
    
.top_right ul li a {
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}

.top_right ul li:last-of-type a {
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
}


.video_wrapper {
    height: 427px;
}

.about_wrapper{
    padding: 10px 0;
}    
    
.about_row{
        width: 100%;
    float: none;
}    
    
.about_text p{
        width: 100%;
        margin-bottom:30px;
}    
    
 .about_preview{
         width: 100%;
    float: none;
 }   
    
.about_preview img{
        width: 100%;
    float: none;
}    
    
.order_wrapper{
    padding: 30px 0px 70px 0px;
}    
    
.order_box h4{
        font-size: 18px;
}    
    
.order_item input{
        padding: 10px;
    font-size: 15px;
}    
    
span.deleteicon span{
        top: 8px;
}    
    
.sb_row button {
    padding: 23px 20px;
}
    
 .message_wrapper p {
    font-size: 20px;
    padding: 30px 20px;
 }
    
 footer{
         height: auto;
 }   
    
.footer_box .footer_item:nth-of-type(1),
.footer_box .footer_item:nth-of-type(2),
.footer_box .footer_item:nth-of-type(3){
         width: 100%;
    float: none;
    margin-bottom: 20px;
        text-align: center;
 }   
    
.footer_item img {
  width: 70%;
 }   
    
    
.footer_box .footer_item:nth-of-type(2){
 float: left;
    width: 39%;
    margin-bottom: 0;   
}    
    
.footer_box .footer_item:nth-of-type(3){
     float: right;
    width: 57%;
    margin-bottom: 0;   
}      
    
  .fancybox-content {
    padding: 10px;
}  


.top_data {
  padding: 10px 0px 10px 0px;
}  
    
#mobile_video{
    display:block;
} 
    
     
#desktop_video{
    display:none;
} 
       
    
    
    
}



@media screen and (min-width:640px) and (max-width:767px){
        
 .main_width{
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
 } 
    
 .logo_row{
     width: 100%;
    text-align: center;
    float: none;
 }   
    
 .logo_row img{
      width: 45%;
  }  
    
 .top_right{
        float: none;
        margin: 0 auto;
        width: fit-content;
        padding: 10px 0;
 }   
    
.top_right ul{
        display: inline-block;
}    
    
.top_right ul li{
      float: left;  
}
    
.top_right ul li a {
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}

.top_right ul li:last-of-type a {
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
}


.video_wrapper {
    height: 427px;
}

.about_wrapper{
    padding: 10px 0;
}    
    
.about_row{
        width: 100%;
    float: none;
}    
    
.about_text p{
        width: 100%;
        margin-bottom:30px;
}    
    
 .about_preview{
         width: 100%;
    float: none;
 }   
    
.about_preview img{
        width: 100%;
    float: none;
}    
    
.order_wrapper{
    padding: 30px 0px 70px 0px;
}    
    
.order_box h4{
        font-size: 18px;
}    
    
.order_item input{
        padding: 10px;
    font-size: 15px;
}    
    
span.deleteicon span{
        top: 8px;
}    
    
.sb_row button {
    padding: 23px 20px;
}
    
 .message_wrapper p {
    font-size: 20px;
    padding: 30px 20px;
 }
    
 footer{
         height: auto;
 }   
    
.footer_box .footer_item:nth-of-type(1),
.footer_box .footer_item:nth-of-type(2),
.footer_box .footer_item:nth-of-type(3){
         width: 100%;
    float: none;
    margin-bottom: 20px;
        text-align: center;
 }   
    
.footer_item img {
  width: 70%;
 }   
    
    
.footer_box .footer_item:nth-of-type(2){
 float: left;
    width: 39%;
    margin-bottom: 0;   
}    
    
.footer_box .footer_item:nth-of-type(3){
     float: right;
    width: 57%;
    margin-bottom: 0;   
}      
    
  .fancybox-content {
    padding: 10px;
}  


.top_data {
  padding: 10px 0px 10px 0px;
}  
    
    
    #mobile_video{
    display:block;
} 
    
     
#desktop_video{
    display:none;
} 
   
    
    
}




@media screen and (min-width: 768px) and (max-width: 768px) {
     .main_width{
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
 } 
    
.video_wrapper {
    width: 100%;
    height: 200px;
}    
    
.about_wrapper {
    padding: 50px 0;
    padding-top: 30px;
}
    
.about_preview img{
    width:100%;
}    
    
.order_wrapper {
    width: 100%;
    padding: 30px 0px 70px 0px;
}    
    

    
}



@media screen and (min-width: 1024px) and (max-width: 1024px) {
    
    
     .main_width{
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
 } 
    
.video_wrapper {
    width: 100%;
    height: 267px;
}    
    
.about_wrapper {
    padding: 50px 0;
    padding-top: 30px;
}
    
.about_preview img{
    width:100%;
}    
    
.order_wrapper {
    width: 100%;
    padding: 30px 0px 70px 0px;
}    
       
    
    
    
}