@media (min-width:280px) and (max-width:480px){
  .xs-center{text-align: center;}
  .xs-margin-bottom-10{margin-bottom: 10px;}
  .xs-margin-bottom-20{margin-bottom: 20px;}

  .navbar-nav .open .dropdown-menu{background: #011d2b;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #fff38f;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: #fff;}
	.form-horizontal .control-label{padding-top: 10px;margin-bottom: 0px;}

  #reportAFilters .height-20{margin-bottom: 10px;}

  .navbar-default .navbar-toggle .icon-bar {background-color: #FFEB3B;}
  .navbar-default .navbar-toggle {border-color: #607d8b;    border: none;}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#004160;}

  .navbar-default{background: #026392;}
  .company-details{background: #004160;}

  .navbar-brand{letter-spacing: 1px;font-family: "NunitoSans-Bold";}
  .navbar-default .navbar-nav>li>a{font-size: 16px;font-family: "NunitoSans-Bold";}
  .dropdown-menu>li>a{padding: 10px 10px;font-size: 16px;}
  .nav>li>a{padding: 15px 15px;}
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
    padding: 15px 15px 15px 15px;}
  /*.toolkit-list li a{ padding: 5px 10px;}*/

  .toolkit-list li a{ padding:8px 6px;}
  .toolkit-list li a img{width: 15px;}
  .toolkit-list li a img .fa{font-size: 22px;}

  .company-details{font-size: 12px;font-family: "NunitoSans-Bold";}
  .copyright-text small{font-size: 14px;font-family: "NunitoSans-Bold";letter-spacing: 1px;}

  .btn{font-family: "NunitoSans-Bold";}

  .sales-table-elements tr th, .sales-table-elements thead tr th, .table-relation thead tr th{padding: 10px 5px !important;font-size:14px !important;}
    .sales-table-elements tr td .form-control{padding: 8px 5px;height:40px;font-size:15px;font-family: "NunitoSans-Bold";}
    /*.convertFractionText{width: 55% !important;}*/
    .convertFractionLabel{height: 40px;/*padding: 10px 0px;*/font-size:16px;/*width: 45% !important;*/font-family: "NunitoSans-Bold";letter-spacing: 2px;left: 5px;top: 8px;}
    .divMeasurement .padding-tb-2{padding: 10px 0px;font-size: 16px;}

    .sales-table-elements-bg2 tr td{padding: 10px 5px !important;font-family: "NunitoSans-Bold"; }
    .sales-table-elements-bg2 tr .tab-form-control-col .tab-form-control{font-size: 16px;height: 42px;}

    .sales-table-elements-bg2>tbody>tr>td, .sales-table-elements-bg2>tbody>tr>th, .sales-table-elements-bg2>tfoot>tr>td, .table>tfoot>tr>th, .sales-table-elements-bg2>thead>tr>td, .table>thead>tr>th{padding: 10px 8px !important;font-size: 16px !important;font-family: "NunitoSans-Bold";vertical-align: middle;}

  .form-control, .select-control{height: 35px;font-family: "NunitoSans-Bold";font-size: 16px;}
  select.input-sm{height: 35px !important;font-family: "NunitoSans-Bold";font-size: 16px;}
  .btnFindInModal, .btnFindInFadePopup, .btnNavigateToMasters{min-height: 35px;line-height: 1.53857143 !important;}
  /*.select-control option {background: rgba(0, 0, 0, 0.3)!important;color: #fff!important;}*/

    /*#btnFetchOldData{padding: 8px 10px;}*/

    #reportAFilters .height-20{height: 35px !important;padding: 5px 5px;}
    .label-form, .label-to{padding: 3px 0px;}
    #btnReportRefreshExtra{padding: 6px 10px;margin-bottom: 10px;}
    #formReportBulkMeasurement .btn{padding: 8px 5px;}

    
    .report-table>tbody>tr>td, .report-table>tbody>tr>th, .report-table>tfoot>tr>td, .report-table>tfoot>tr>th, .report-table>thead>tr>td, .report-table>thead>tr>th{padding: 10px 8px;font-size: 16px;font-family: "NunitoSans-Bold";vertical-align: middle;}

    .delivery-table>tbody>tr>td, .delivery-table>tbody>tr>th, .delivery-table>tfoot>tr>td, .delivery-table>tfoot>tr>th, .delivery-table>thead>tr>td, .delivery-table>thead>tr>th{padding: 10px 8px;font-size: 16px;font-family: "NunitoSans-Bold";vertical-align: middle;}

    #btnPaginationGoTo, #btnReportSettings, #btnReportRefresh{padding: 9px 12px;}
    .pagination-box .pagination>li>a, .pagination-box .pagination>li>span{padding: 8px 13px;}
   /* .pagination-box{margin-bottom: 10px;}*/
    #btnTableSearch{padding: 9px 10px;}

    .delivery-table .tab-form-control{height: 42px;font-size: 16px;}
    .delivery-table .tab-form-control:focus{background: #f9e2e2;border-radius: 0px;}

    .btnReportFilter .fa, .btn-table-sort-desc .fa, .btn-table-sort-asc .fa{font-size: 16px;margin-right: 5px;}
    
    .bulk-order-switch .switch{top: 75px;}

    .transaction-sales-btn-group .pull-left, .transaction-sales-btn-group .pull-right{float: none !important;}
    #btnFetchOldData, #btnRepeat{padding: 9px 10px;}

    #modalReportFilterInner #selectReportFilterInnerCondition{margin-bottom: 15px;}
    .popover-content .dropdown-submenu>.dropdown-menu{top: 45px;}
    .popover-content .item-list ul li{padding: 10px 0px;}
    .popover-content .item-list ul li span{font-size: 22px;}

    
    #tableDefaultColumns>tbody>tr:nth-of-type(odd){background-color: #d9edf7 !important;}
    #tableDataColumns>tbody>tr:nth-of-type(odd){background-color: #dff0d8 !important;}
    .table-report-setting tr td{font-size: 16px !important;padding:10px 8px !important;vertical-align: middle !important;font-family: "NunitoSans-Bold";}
    .table-report-setting tr td .radioDefaultColumns{width:15px;height:15px;}
	
	.modal-header .close{font-size: 28px;color: #f80000;opacity:1;}
	.modal-header .modal-title{font-size: 18px;}
	
	.dashboard-counter-box .icon{float:none;display:inline-block;padding:10px 10px;}
	.dashboard-counter-box .details{float:none;display:inline-block;text-align:center;margin-top:10px;}
}


@media (min-width:481px) and (max-width:767px){
  
  .xs-center{text-align: center;}
  .xs-margin-bottom-10{margin-bottom: 10px;}
  .xs-margin-bottom-20{margin-bottom: 20px;}

  .navbar-nav .open .dropdown-menu{background: #011d2b;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #fff38f;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: #fff;}
  .form-horizontal .control-label{padding-top: 10px;margin-bottom: 0px;font-size: 16px;}

  #reportAFilters .height-20{margin-bottom: 10px;}

  .navbar-default .navbar-toggle .icon-bar {background-color: #FFEB3B;}
  .navbar-default .navbar-toggle {border-color: #607d8b;border: none;padding: 18px 18px;}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#004160;}
  

  .navbar-default{background: #026392;}
  .company-details{background: #004160;}

  .navbar-brand{letter-spacing: 1px;font-family: "NunitoSans-Bold";padding: 22px 15px;}
  .navbar-default .navbar-nav>li>a{font-size: 18px;font-family: "NunitoSans-Bold";}
  .dropdown-menu>li>a{padding: 10px 10px;font-size: 18px;}
  .nav>li>a{padding: 18px 15px;}
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
    padding: 18px 15px 18px 15px;}
  .toolkit-list li a{ padding: 10px 12px;}
  .toolkit-list li a img{width: 20px;}
  .toolkit-list li a img .fa{font-size: 22px;}

  .company-details{font-size: 15px;font-family: "NunitoSans-Bold";}
  .copyright-text small{font-size: 15px;font-family: "NunitoSans-Bold";letter-spacing: 1px;}

	.btn{font-family: "NunitoSans-Bold";}

	.sales-table-elements tr th, .sales-table-elements thead tr th, .table-relation thead tr th{padding: 10px 5px !important;font-size:16px !important;}
    .sales-table-elements tr td .form-control{padding: 8px 5px;height:45px;font-size:18px;font-family: "NunitoSans-Bold";}
    /*.convertFractionText{width: 55% !important;}*/
    .convertFractionLabel{height: 30px;/*padding: 10px 0px;*/font-size:19px;/*width: 45% !important;*/font-family: "NunitoSans-Bold";letter-spacing: 2px;left: 5px;top: 10px;}
    .divMeasurement .padding-tb-2{padding: 10px 0px;font-size: 18px;}

    .sales-table-elements-bg2 tr td{padding: 10px 5px !important;font-family: "NunitoSans-Bold"; }
    .sales-table-elements-bg2 tr .tab-form-control-col .tab-form-control{font-size: 18px;height: 45px;}

    .sales-table-elements-bg2>tbody>tr>td, .sales-table-elements-bg2>tbody>tr>th, .sales-table-elements-bg2>tfoot>tr>td, .table>tfoot>tr>th, .sales-table-elements-bg2>thead>tr>td, .table>thead>tr>th{padding: 10px 8px !important;font-size: 18px !important;font-family: "NunitoSans-Bold";vertical-align: middle;}

	.form-control, .select-control{height: 45px;font-family: "NunitoSans-Bold";font-size: 18px;}
	select.input-sm{height: 45px !important;font-family: "NunitoSans-Bold";font-size: 18px;}
	.btnFindInModal, .btnFindInFadePopup, .btnNavigateToMasters{min-height: 35px;line-height: 1.53857143 !important;}
	/*.select-control option {background: rgba(0, 0, 0, 0.3)!important;color: #fff!important;}*/

    /*#btnFetchOldData{padding: 8px 10px;}*/

    #reportAFilters .height-20{height: 45px !important;padding: 5px 5px;}
    .label-form, .label-to{padding: 7px 0px;font-size: 18px;}
    #btnReportRefreshExtra{padding: 8px 10px;margin-bottom: 10px;font-size: 18px;}
    #formReportBulkMeasurement .btn{padding: 8px 5px;font-size: 18px;}

    
    .report-table>tbody>tr>td, .report-table>tbody>tr>th, .report-table>tfoot>tr>td, .report-table>tfoot>tr>th, .report-table>thead>tr>td, .report-table>thead>tr>th{padding: 10px 8px;font-size: 18px;font-family: "NunitoSans-Bold";vertical-align: middle;}

    .delivery-table>tbody>tr>td, .delivery-table>tbody>tr>th, .delivery-table>tfoot>tr>td, .delivery-table>tfoot>tr>th, .delivery-table>thead>tr>td, .delivery-table>thead>tr>th{padding: 10px 8px;font-size: 18px;font-family: "NunitoSans-Bold";vertical-align: middle;}

    #btnPaginationGoTo, #btnReportSettings, #btnReportRefresh{padding: 14px 15px;}
    .pagination-box .pagination>li>a, .pagination-box .pagination>li>span{padding: 11px 13px;font-size: 14px;}
   /* .pagination-box{margin-bottom: 10px;}*/
    #btnTableSearch{padding: 14px 20px;}

    .delivery-table .tab-form-control{height: 45px;font-size: 18px;}
    .delivery-table .tab-form-control:focus{background: #f9e2e2;border-radius: 0px;}

    .btnReportFilter .fa, .btn-table-sort-desc .fa, .btn-table-sort-asc .fa{font-size: 16px;margin-right: 5px;}
    
    .bulk-order-switch .switch{top: 98px;}

    .transaction-sales-btn-group{margin-top: 25px;}
    .transaction-sales-btn-group .pull-left, .transaction-sales-btn-group .pull-right{float: none !important;font-size: 17px;padding: 8px 20px;}
    #btnFetchOldData, #btnRepeat{padding: 10px 10px;font-size: 16px;}

    #modalReportFilterInner #selectReportFilterInnerCondition{margin-bottom: 15px;}
    .popover-content .dropdown-submenu>.dropdown-menu{top: 45px;}
    .popover-content .item-list ul li{padding: 10px 0px;}
    .popover-content .item-list ul li span{font-size: 22px;}

    
    #tableDefaultColumns>tbody>tr:nth-of-type(odd){background-color: #d9edf7 !important;}
    #tableDataColumns>tbody>tr:nth-of-type(odd){background-color: #dff0d8 !important;}
    .table-report-setting tr td{font-size: 16px !important;padding:10px 8px !important;vertical-align: middle !important;font-family: "NunitoSans-Bold";}
    .table-report-setting tr td .radioDefaultColumns{width:15px;height:15px;}

    .tt-menu{margin: 40px 0;}
	.tt-suggestion{padding: 10px 12px;font-size: 18px;}
    .header-right-top{font-size: 16px;}

    #cancelButton, #editButton, #addButton{font-size: 16px;padding: 7px 14px;}
    #btnAddShirt, #btnUpdateShirt, #btnDeleteShirt, #btnCancelShirt{font-size: 16px;padding: 7px 14px;}
    #btnAddPant, #btnUpdatePant, #btnDeletePant, #btnCancelPant{font-size: 16px;padding: 7px 14px;}
    #btnAddSuit, #btnUpdateSuit, #btnDeleteSuit, #btnCancelSuit{font-size: 16px;padding: 7px 14px;}
    #btnAddJacket, #btnUpdateJacket, #btnDeleteJacket, #btnCancelJacket{font-size: 16px;padding: 7px 14px;}
    #btnAddJubba, #btnUpdateJubba, #btnDeleteJubba, #btnCancelJubba{font-size: 16px;padding: 7px 14px;}
    #btnAddPajama, #btnUpdatePajama, #btnDeletePajama, #btnCancelPajama{font-size: 16px;padding: 7px 14px;}
    #btnAddCloth, #btnUpdateCloth, #btnDeleteCloth, #btnCancelCloth{font-size: 16px;padding: 7px 14px;}

    .btnLoginHome, .btnResetPassword{font-size: 16px;padding: 10px 14px;}
	
	.modal-header .close{font-size: 28px;color: #f80000;opacity:1;}
	.modal-header .modal-title{font-size: 18px;}


    .btn-select-diagram{padding: 15px 18px;}
	

	
}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
  .xs-margin-bottom-10{margin-bottom: 10px;}

	.navbar-default{background: #026392;}
	.company-details{background: #004160;}

	.navbar-brand{letter-spacing: 1px;font-family: "NunitoSans-Bold";}
	.navbar-default .navbar-nav>li>a{font-size: 16px;font-family: "NunitoSans-Bold";}
	.dropdown-menu>li>a{padding: 10px 10px;font-size: 16px;}
	.nav>li>a{padding: 15px 15px;}

	.company-details{font-size: 12px;font-family: "NunitoSans-Bold";}
	.copyright-text small{font-size: 14px;font-family: "NunitoSans-Bold";letter-spacing: 1px;}
  .toolkit-list li a{ padding: 5px 10px;}

  	.sales-table-elements tr th, .sales-table-elements thead tr th, .table-relation thead tr th{padding: 10px 10px !important;font-size:16px !important;}
  	.sales-table-elements tr td .form-control{padding: 8px 5px;height:40px;font-size:16px;font-family: "NunitoSans-Bold";}
  	/*.convertFractionText{width: 55% !important;}*/
  	.convertFractionLabel{height: 40px;/*padding: 10px 0px;*/font-size:16px;/*width: 45% !important;*/font-family: "NunitoSans-Bold";letter-spacing: 2px;left: 5px;top: 8px;}
  	.divMeasurement .padding-tb-2{padding: 10px 0px;font-size: 16px;}

  	.sales-table-elements-bg2 tr td{padding: 10px 5px !important;font-family: "NunitoSans-Bold"; }
  	.sales-table-elements-bg2 tr .tab-form-control-col .tab-form-control{font-size: 16px;height: 42px;}

  	.form-control, .select-control{height: 35px;font-family: "NunitoSans-Bold";font-size: 16px;}
  	select.input-sm{height: 35px !important;font-family: "NunitoSans-Bold";font-size: 16px;}
  	.btnFindInModal, .btnFindInFadePopup, .btnNavigateToMasters{min-height: 35px;line-height: 1.53857143 !important;}

  	#btnFetchOldData, #btnRepeat{padding: 8px 10px;}

  	#reportAFilters .height-20{height: 35px !important;padding: 5px 5px;}
  	.label-form, .label-to{padding: 3px 0px;}
  	#btnReportRefreshExtra{padding: 6px 10px;}

  	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 10px 8px;font-size: 16px;font-family: "NunitoSans-Bold";vertical-align: middle;}

  	#btnPaginationGoTo, #btnReportSettings, #btnReportRefresh{padding: 9px 12px;}
  	.pagination-box .pagination>li>a, .pagination-box .pagination>li>span{padding: 8px 13px;}
  	#btnTableSearch{padding: 9px 10px;}

  	.delivery-table .tab-form-control{height: 41px;font-size: 16px;}
  	.delivery-table .tab-form-control:focus{background: #f9e2e2;}

    .bulk-order-switch .switch{top: 72px;}

    .btnReportFilter .fa, .btn-table-sort-desc .fa, .btn-table-sort-asc .fa{font-size: 16px;margin-right: 5px;}

     #tableDefaultColumns>tbody>tr:nth-of-type(odd){background-color: #d9edf7 !important;}
    #tableDataColumns>tbody>tr:nth-of-type(odd){background-color: #dff0d8 !important;}
  	.table-report-setting tr td{font-size: 16px !important;padding:10px 8px !important;vertical-align: middle !important;font-family: "NunitoSans-Bold";}
    .table-report-setting tr td .radioDefaultColumns{width:20px;height:20px;}
	
	.modal-header .close{font-size: 28px;color: #f80000;opacity:1;}
	.modal-header .modal-title{font-size: 18px;}
}