@media (max-width: 1200px){
    .container{
        width: 1100px;
    }
   }

   @media (max-width: 980px){
   
    .container{
        width: 750px;
    }
    #main-login-page-total-form{
        width: 100%;
        margin-left: 0%;
    }
    .logo{
        width: 120px;
     }
    
     .navbar-inverse {
         height: 146px;
     }
     .navbar-right {
         margin-top: 36px;
         margin-right: -11px;
     }
     .details-info{
         position: absolute;
     }
     .text-center {
    
         margin-bottom: 18%;
     }
     
     #user-content{
         right: 0px;
         padding-left: 8%;
     }
     #btn_stock
     {
         margin-left:5%;
         margin-top:1%;
         padding: 1%;
     }
     #contact_number_home {
         margin-bottom: -2px;
         margin-top: -3%;
         margin-right: 0px;		
     }
    
    }
    
    
    @media (max-width: 768px){
    
        .container{
            width: 100%;
        }
        #main-login-page-total-form{
            width: 100%;
            margin-left: 0%;
        }

        #contact_number_home {
            margin-bottom: 0px;
            margin-top: -7%;
            margin-right: 20%;
            font-size: 12px;
            float: right;
        }
     #btn_stock
     {
         margin-left:5%;
         margin-top:1%;
         padding: 1%;
     }
     .logo {
        width: 120px;
    }
    
     nav ul{
         display:none;
     } 
     
     .navbar-inverse {
         height: auto;
     }

    
     nav #res-menu{
         display: block;
         float: right;
         /*background-image: url(../images/menu1.png) !important;*/
         background-repeat: no-repeat;
         width: 50px;
         font-size: 20px;
         color: wheat;
         margin-top: 8px;
         margin-right: 26px;
     }
         
     .edit_Store_details{
         width: 100%;
     }
     .new_stroe_edit{
         width: 100%;
     }
     .new_category{
         width: 100%;
     }
     .edit_category{
         width: 100%;
     }
     .new_user_forms{
         width: 100%;
     }
     .edit_user{
         width: 100%;
     }
     .box-header .box-title {
         font-size: 13px;
     }
     .edit_user_details
     {
         width: 100%;
     }
     .user_change_password
     {
         width: 100%;
     }
	
     .alert_product_page{
         left: 30%;
     }
     
     .store-sucs {
         margin-right: 0px;
     }
     .category-sucs {
         margin-top: -25px;
         margin-bottom: -7px;
         margin-right: -4px; 
         padding-top: 8px;
         height: auto;
     }
     .user-alert-succes {
         margin-left: 0px; 
     }
     .disp-img
     {
         width:100%;
     }
     .str-content
     {
         overflow-x:scroll;
         overflow-y:scroll;
     }    
     #cpy-rt{
         position: relative;
         padding-left: 13px;
     }       
     /*#date_time {
        position: absolute;
        margin-top: 6%;
        left: 6%;
    }*/
     .res-report{
         width:100%;
     }
     .user-image {
         width: 20px;
         height: 20px;
         margin-top: -10px;
     }
     #user-content{
         right: 0px;
         padding-left: 8%;
     }
     #back-btn {
        margin-top: -1%;
        float: right;
        width: 60px;
        font-size: 14px;
        margin-right: 25px;
        margin-bottom: 2%;
        height: 25px;
        padding: 1px;
     }
     body {
         font-size: 12px;
     }
     .details-info h3{
         font-size: 20px;
     }
     .details-info{
         position: absolute;
     }
     .text-center {
    
         margin-bottom: 18%;
      }
     .sub-img {
         height: 40px;  
         margin-left: -5%;
         margin-bottom: 5%;      
     }
    
     .fix-footer {
         height: 10%;
         bottom: 0px;
     } 
     .name-diplay {
        font-size: 20px;
    }
    .table-avil {
        margin-bottom: 5%;
    }
    .table-entry
    {
        margin-bottom: 17%;
    }
    .table-aging
    {
        margin-bottom: 5%;
    }
    #table_wrapper
    {
        margin-bottom:5%;
    }
    #storeHomeHelp {
        width: 35px;
    }
	#what-new
     {
     float:none;
      }
      .atwyn-logo
      {
        width: 32%;
      }
	   .newProduct-popup{
        margin-left: 0%; 
        width:100%;
         margin-top: -36%; 
    }
    .jsgrid-grid-header{
        overflow-x: auto;
        overflow-y: scroll;
    }
    #createProduct{
        width: 100%;
        height:570px;
        overflow: scroll;
    }
    .stock-probtns{
        margin-right: 30%;
    }
    .box-header {

        border: 1px solid black;
        border-radius: 8px;
    
    }
    
    }
    
    @media (max-width: 468px){
        .container{
            width: 100%;
        }
        .logo {
            width: 120px;
            height: 70px;
        }
		.jsgrid-grid-header{
        overflow-x: auto;
        overflow-y: scroll;
    }
        #main-login-page-total-form{
            width: 100%;
            margin-left: 0%;
        }
        .name-diplay {
            font-size: 20px;
        }
        .table-avil {
            margin-bottom: 17%;
        }
        .table-aging
        {
            margin-bottom: 17%;
        }
        #table_wrapper
        {
            margin-bottom:15%;
        }
        #storeHomeHelp {
            width:35px;
        }
        #contact_number_home {
            margin-right: 4%;
         }
         #date_time {
            position: absolute;
            margin-top: 0%;
            left: 47%;
        }
    .search_icon_user {
        margin-top: -14%;
        margin-right: -31%;
        width: 66%;
        margin-left: 19%;
    }
	 #what-new
     {
     float:none;
      }
      .ContactInfo-box
    {
        width: 100%;
        margin-left: -34%;
    }

    #ContactInfo-form-closebtn {

        margin-left: 58%;
        margin-top: 23%;
    }
    .panel-default {
        margin-bottom: 18%;
    
    }
    .box-header {

        border: 1px solid black;
        border-radius: 8px;
    
    }
    div.dt-buttons {

        margin-top: -25%;
    
    }
    
    }
    @media (max-width:375px) {
        .container{
            width: 100%;
        }
        .logo{
            width: 120px;
            height: 70px;
         }
        #main-login-page-total-form{
            width: 100%;
            margin-left: 0%;
        }
        #storeHomeHelp {
            width: 35px;
        }
        #date_time {
            margin-top: 0%;
            left: 36%
        }
       
        .search_icon_user {
            margin-top: -14%;
            margin-right: -31%;
            width: 66%;
            margin-left: 19%;
        }
        .name-diplay {
            font-size: 20px;
        }
        .table-avil {
            margin-bottom: 17%;
        }
        .table-aging
        {
            margin-bottom: 17%;
        }
        #table_wrapper
        {
            margin-bottom:15%;
        }
        .dataTables_wrapper .dataTables_filter {
            margin-left: -4%;
         }
         .box{
             border: none;
         }
         .box-header
         {
             border: 1px solid black;
             border-radius: 8px;
         }
         #contact_number_home {
            margin-right: 4%;
         }
        #what-new
         {
        float:none;
         }
        .chapter{
        margin-bottom: 12%;
         }
         
    }
    @media (max-width: 374px){
        .container{
            width: 100%;
        }
        .search_icon_user {
            margin-top: -14%;
            margin-right: -68%;
            width: 42%;
            margin-left: 45%;
        }
		#table_wrapper
        {
            margin-bottom:17%;
        }
		.dataTables_wrapper .dataTables_filter {
            margin-left: -8%;
         }
		  #what-new
     {
     float:none;
      }
     .chapter{
       margin-bottom: 12%;
         }
    }
    
    @media (max-width: 320px){
        
        .search_icon_user {
            margin-top: -14%;
            margin-right: -68%;
            width: 42%;
            margin-left: 45%;
        }
    }