@media screen and (max-width:1400px){
   .footer_1{ height:auto; margin-top:90px;}
 .dashboard{ margin-bottom:0px;}
  .dtl-tabs > li{ width:auto; }
  
 
     }






   @media screen and (max-width:1024px){
     
     
.my-panel .panel-heading{ font-size:24px;}
.my-panel .panel-heading span{ font-size:18px;}
.navi{ height:auto; margin-bottom:30px; margin-top:15px; }
.navi .navbar-nav > li > a {font-size: 12px;padding: 15px 6px;}
.footer p{ padding:15px 0px; font-size:14px;}   
.social{ margin:0px;}
.que-arow.dtl-box::after, .que-arow.dtl-box::before {left:87%;}
 .navi .navbar-nav > li > a {font-size: 12px;padding: 15px 6px;}

        /*:::::::::::COMPANY DETAIL-PAGE::::::*/
ul.slt {margin: 0px;}
.dtl-tabs > li{ width:auto; }
.dtl-tabs > li > a{ font-size:16px;}
.regi-form ul li {
    margin: 0 6px 22px;
}
     }
  
  
     @media screen and (max-width:980px){
       
        .container{ width:100%;}
        .form{ padding:15px;}
        ul.slt li{ margin:0px 5px;}
        
        
        
        

     }
  
  
  
  
 
  @media screen and (max-width:768px){

.top-left, .top-right{ display:none;}
.btm-1{ left:0px;}
.my-panel .panel-heading{ font-size:24px;}
.my-panel .panel-heading span{ font-size:18px;}
.my-panel .panel-body{ height:auto;}






 }
 
 
   @media screen and (max-width:767px){
 .navi{ border-radius:5px; -webkit-border-radius:5px;  }
 .navi .navbar-nav > li > a{ padding:10px 15px; font-weight:400; background:#414141; border-bottom:solid 1px rgba(255,255,255,0.1);}
 .navi .navbar-nav > .active > a, .navi .navbar-nav > .active > a:hover, .navi .navbar-nav > .active > a:focus{ background:#fdb335; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ background:#f9c03e;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: rgba(255,255,255,0.1);}
 
 
 
 
 
 
 /*:::::::::::COMPANY DETAIL-PAGE::::::*/

.form ul li{ width:90%; }
.dtl-tabs > li{ margin:0px 0 10px 0px; width:100%;}
 
 
 .odr-total{ width:100%; margin-right:0px;}

   }
 
 
 
 
 
 
 
 
  @media screen and (max-width:568px){
    
.h-right{ width:100%; text-align:center;}
  .logo{ width:100%; text-align:center;}  
    
   .social{ float:right;} 
   .admin{ float:left;}
   .admin ul li{ margin:2px 15px 0 0px;}
   
   
   .odr-total{ width:100%;}
  }
  
  
  
  
  
    @media screen and (max-width:479px){
    
   .admin ul li a span{ display:none;}
  }
  
  
  
  
  
  
   @media screen and (max-width:360px){
  
  .dtl-box {right: 12px; width:94%; }
  .que-arow.dtl-box::after, .que-arow.dtl-box::before {left: 80%;}
  .cell{ font-size:14px;}
  .order-ctn .table tr td{ padding:5px;  font-size:14px;}
   }