
@media only screen and (min-width: 300px) and (max-width: 767px){
    .LoginContainer{margin: auto 16px;width: auto;}
    .PasswordSection #PasswordType{margin-top: 15px;}
    .LoginContainer .WidthSet{width: 100%;}
    .LeftBg #content .InnerSection{vertical-align: top;padding-top: 25px;}
    .page-sidebar-fixed .sidebar{left: 0px !important;}
    .Objectives .Leftpan.col-md-9{width: 100% !important;}
    .Objectives .Leftpan .Objecttitle h3{width: 100%;}
    .QuickStart .QuickBtn{top: -25px;}
    #header .navbar-header{margin-left: 0px !important;}
    .WithcheckBox .ObjecLink,.Employee-Table.NewDatatable .WithcheckBox th:nth-child(2) label{padding-left: 10px !important;}
    .WithcheckBox.table tr th{min-width: 20px !important;}
    .ReportSection .GridButns{margin-top: -100px;}
    .CreateObjective .CreateSupportLink.LeftPan {padding: 10px 10px 10px;}
    .CustomProgress .Progress-Dropdown .btn-group.bootstrap-select {width: 145px !important;}
    .CreateObjective .CreatePeriod .CustomProgress,.CreatePeriod .TargetTypeNumber.SingleInput .FlexDiv,.CreatePeriod .TargetTypeNumber .quantity,.BetweenValues .FlexDiv{display: block !important;}
    .CreatePeriod .SingleInput{margin-left: 0px;width: 100% !important;display: block;}
    .CreatePeriod .quantity input,.CreatePeriod .TargetTypeNumber .quantity-nav{margin: 10px 0px 0px !important;}
    .CreatePeriod .TargetTypeNumber .quantity input{min-width: 144px;}
    .modal-dialog{vertical-align: top;}
    .ConfigurationHead .LeftWidth,.ConfigurationHead .RightWidth{width: 100%;padding: 0px !important;}
    .ConfigurationHead .RightWidth{margin-top: 20px;}
    .ConfigurationHead .MainCard .col-md-1{display: none;}
    .ConfigurationHead .MainCard .col-md-11{width: 100%;}
    .ConfigurationHead .IntegrationMain .MainCard{padding: 15px;}
    .ConfigurationHead .Team-Container .MainCard .InnerCard,.MainCard .InnerCard{padding: 0px !important;width: 100% !important;}
    .ConfigurationHead .Team-Container .CircleArrow{top: 0px !important;}
    .ConfigurationHead .BackOption{margin-top: 15px;}
    .APIProduct .SelectAction .SelectBtn,.SFTPProduct .SelectAction .SelectBtn{top: -6px;}
    
    .Actioncol{top: 5px;right: 9px;}
    .QuickStart .QuickBtn{top: -25px;}
    .ObjectiveTextTarget{padding: 10px;}
    .ObjectiveTextTarget .Form{width: 100%;}
    .Leftpan .SerachArea .SortBy {width: 100%;
    display: block;margin-top: 12px;}
    .IndividualSort .SortBy small.FilterIcon{margin-top: 12px;}
    .CreateObjective .Action {padding: 0px 10px !important;}
    .CreateObjective .Action a{width: 100%;margin: 12px 0px 0px !important;}
    .CreateObjective .Action a:first-child{margin-top: 0px !important;}
    .TargetLayer .UnitDropdownHead,.TargetLayer .RangeHead,.TargetLayer .ObjTarget,.TargetLayer .TargetHide,.TargetLayer .TextTargetSection {padding: 12px 0px 0px !important;clear: both;}
    .TargetLayer .ObjPercent .col-md-4,.TargetLayer .MeasureSction,.TargetLayer.AutoWidth .col-md-8.col-sm-12{width: 100% !important;}
    .TargetLayer .ToastDuedate{min-width: auto;}
    .KeyResult-MainDiv{padding: 12px;}
    .KeyResult-MainDiv .ObjDescription .FormContainer{width: 100%;margin-bottom: 15px;}
    .KeyResult-MainDiv .MeasureSction .btn-group.CustomSorting{margin-top: 15px;}
    .ApprovaReject .Employee-Table .scrolledTable{margin-right: 0px;}
    .Employee-Table .table .ActionCell{box-shadow: none;width: auto;min-width: auto !important;
        margin-right: 0;position: inherit !important;}
    .Objectives .Rightpan.col-md-3{width: 100%;}
    /*.AddReports.m-r-30{margin-right: 0px !important;}*/
}