@media (max-width: 1920px) {
    
   /* .stepsForm .sf-steps-content > div{padding: 13px 40px 13px 65px;font-size: 15px;}
    .stepsForm .sf-steps-content > div > span {padding: 13px 13px;font-size: 15px;}*/
    .billing_info_select {float: left;width: 50%;margin-left: 10px;}
    .billing_greybox {width:100% !important; float: left !important;}
    .unitbox_right {font-size: 14px;line-height: 24px;}
    .redtxt {float:none !important}
    .billing_righttxt {font-size: 14px;line-height: 24px;}
    .billing_righttxt strong {font-size: 14px;}
    .billing_righttxt span {font-size: 16px;}
    .orderimg_txtbox p {font-size: 14px;}
    .stepsForm .sf-steps-content > div > span {font-size: 15px; padding: 13px 13px;}
    /*.stepsForm .sf-steps-content > div{font-size: 15px; padding: 13px 35px 13px 65px;}
    .stepsForm .sf-steps .sf-steps-content {width: 100%;left:180px;}*/
    .modal-dialog-order-popup{margin-left: 430px;}
    .steptop_grid_txt {font-size: 16px;}
    .wd170per {width:100%;}
    .shipping_righttxt {font-size: 14px; float: left;}
    .shipping_greybox_right {width: 370px;}
    .shipping_greentxt {float:left; width: 100%;}
    .shipping_righttxt strong {float: left;width: 100%;}
    .reviewbillinginfo_txt {font-size: 14px;}
    .reviewbillinginfo_big {font-size: 13px;}    
    .historygreen-txtbox {font-size: 12px;}
    .historyimg-txtbox span {font-size: 14px;}
    .steptop_grid_txt1{font-size: 16px;}
    .dashboard_box_white { min-height: 140px;padding:3px 10px;}
    #slider1{width:520px !important;}  
    .dashboard_totalresponsesgreybox {font-size: 18px;line-height: 30px;}
    .dashboard_totalresponsesgreybox {padding:5px 10px !important;}
    .mini-stats > span {width:70px; height: 70px; margin-right: 20px;}
    .mini-stats > p {color: #7b7c7c;font-size: 15px;font-weight: 600;text-transform: uppercase;}
    .dashboard_heading {color: #7b7c7c;font-size: 15px;font-weight: 600;text-transform: uppercase;margin: 0 0 15px;}
    .dashboard_heading1 {color: #7b7c7c;font-size: 15px;font-weight: 600;margin: 0 0 15px;}
    .dashboard_edit_icon_txt {font-size: 15px;}
    .slider{width:100% !important;}
    .dashboard_full_strip_12{float:left;width:100%;margin: 10px 0 0;}
    .dashboard_avtar_green_txt{font-size:15px;margin: 0px 0 0;}
    .dashboard_avtar_yellow_txt{font-size:15px;}
    .dashboard_avtar_red_txt{font-size:15px;}
    .dashboard_box_white1{min-height: 473px;}
    .dashboard_score_icon_txt{font-size:15px;}
    .dashboard_full_strip_12_rate {float: left;margin: 10px 0 0;width: 100%;}

}


@media (max-width: 1600px) {
    .dashboard_totalresponsesgreybox {
    font-size: 14px;
    line-height: 30px;
}

}
@media (max-width: 1366px) {
    .billing_info_select {float: left;width:65%; margin-left: 10px; }
    .billing_greybox {width: 100% !important; float: left !important;}
    .billing_righttxt {font-size: 13px;    line-height: 18px;    font-family: roboto-regular;}
        .unitbox_right {font-size: 13px;    line-height: 18px; font-family: roboto-regular;}
    .redtxt {float:none !important}
    .billing_righttxt strong {font-size: 13px;}
    .billing_righttxt span {font-size: 14px;}
    .orderimg_txtbox p {font-size: 13px;}
    .stepsForm .sf-steps-content > div > span {font-size: 13px;padding: 13px 8px;}
    .stepsForm .sf-steps-content > div{font-size: 13px;padding: 13px 10px 13px 40px;}
    .modal-dialog-order-popup{margin-left: 420px;}
    .steptop_grid_txt {font-size: 13px;}
    .wd170per {}
    .shipping_righttxt {font-size: 12px;}
    .shipping_righttxt1 {font-size: 13px;}
    .shipping_greybox_right {width: 170px;}
    .shipping_righttxt strong {float: left;width: 100%;}
    .reviewbillinginfo_txt {font-size: 12px;}
    .reviewbillinginfo_big {font-size: 13px;}
    .historygreen-txtbox {font-size: 11px;}
    .historyimg-txtbox span {font-size: 13px;}
    .steptop_grid_txt1{font-size: 13px;}
     .dashboard_totalresponsesgreybox {font-size: 9px !important;line-height: 16px !important ;}
    .dashboard_totalresponsesgreybox {padding:5px 10px !important;}
      .mini-stats > span {width:50px; height: 50px; margin-right: 15px;}
      .mini-stats > span img{width:50px; height: 50px;}
    .mini-stats > p {color: #7b7c7c;font-size: 13px;font-weight: 600;text-transform: uppercase;}
    .dashboard_heading {color: #7b7c7c;font-size: 13px;font-weight: 600;text-transform: uppercase;margin: 0 0 15px;}
    .dashboard_heading1 {color: #7b7c7c;font-size: 13px;font-weight: 600;margin: 0 0 15px;}
    .dashboard_edit_icon_txt {font-size: 13px;}
    .slider{width:100% !important;}
    .dashboard_full_strip_12{float:left;width:100%;margin: 10px 0 0;}
    .dashboard_avtar_green_txt{font-size:13px;margin: 0px 0 0;}
    .dashboard_avtar_yellow_txt{font-size:13px;}
    .dashboard_avtar_red_txt{font-size:13px;}
    .dashboard_box_white1{min-height: 445px;}
    .dashboard_score_icon_txt{font-size:13px;}
    #slider{width:315px !important;}
    .div-slider { height: 330px; overflow: hidden; position: relative; width: 100%;}
    .dashboard_box_white1 {min-height: 395px;}
     
    
}


@media (max-width: 1280px) {
    
    .activity-sec { padding: 50px 35px;}
    .billing_info_select { float: right;width: 65%;}
    .history-greenbtn {padding: 8px 10px;}
    #slider1{width:285px !important;} 
    .dashboard_box_white { min-height: 130px;padding:3px 10px;}
    .dashboard_totalresponsesgreybox {font-size: 9px !important;line-height: 16px !important ;}
    .dashboard_totalresponsesgreybox {padding:5px 10px !important;}
        .mini-stats > span {width:50px; height: 50px; margin-right: 15px;}
         .mini-stats > span img{width:50px; height: 50px;}
    .mini-stats > p {color: #7b7c7c;font-size: 12px;font-weight: 600;text-transform: uppercase;}
    .dashboard_heading {color: #7b7c7c;font-size: 12px;font-weight: 600;text-transform: uppercase;margin: 0 0 15px;}
    .dashboard_heading1 {color: #7b7c7c;font-size: 12px;font-weight: 600;margin: 0 0 15px;}
    .dashboard_edit_icon_txt {font-size: 11px;}
    .slider{width:100% !important;}
    .dashboard_full_strip_12{float:left;width:100%;margin: 10px 0 0;}
    .dashboard_avtar_green_txt{font-size:12px;margin: 0px 0 0;}
    .dashboard_avtar_yellow_txt{font-size:12px;}
    .dashboard_avtar_red_txt{font-size:12px;}
    .dashboard_box_white1{min-height: 445px;}
    .dashboard_score_icon_txt{font-size:12px;}
    #slider{width:315px !important;}
    }
    
@media (max-width: 1200px) {
    .profiletext {font-size: 13px;}
    .billing_greybox {min-height: 230px;}
    .billing_info_select { width: 55%;}
    .stepsForm .sf-steps-content > div > span {padding: 13px 2px; font-size: 11px;}
    .stepsForm .sf-steps-content > div{padding: 13px 5px 13px 24px; font-size:11px;}
    .steptop_grid_txt {font-size:12px;}
    .stepsForm input[type="text"], .stepsForm input[type="tel"], .stepsForm input[type="email"], .stepsForm input[type="password"]{width:73px;}
    .order_greybox{padding: 15px 10px;}
    .textvolume{font-size:12px}
    .textvolume1{font-size:12px}
    .orderimg_radiusbox{width: 50px;}
    .orderimg_radiusbox img{height: 40px;}
    .checkbox, .radio{margin-top:0px;}
    .textorder_box{padding: 10px 0px 0px 0px;}
    .textorder_box_big{font-size:12px;}
    .wd170per{max-width: 85px;}
    .shippingtxt1{font-size:12px;padding: 0px 5px 0px 0px;}
    .radio label{font-size:9px;}
    .shippingtxt2{font-size: 12px;padding: 0px 10px 0px 10px;}
    .shippingtxt{font-size: 12px;}
    .historyimg-txtbox{width: 75px;}
    .historyimg-txtbox1{width: 61%;}
    .history-greybox{padding: 20px 5px;}
    .history-summary-left p{font-size: 10px;}
    .history-greenbtn{font-size: 10px;}
    .history-redbtn{font-size: 10px;}
    .reviewbottomstrip_txt{font-size: 10px;}
    .paynow-btn {font-size: 12px;}
    .reviewtxtcol_left{font-size: 12px;}
    .reviewtxtcol_right{font-size: 12px;}
    .review-rightgreybox{font-size: 14px;padding:20px;}
    .reviewbillinginfo_right{float: right;width: 60%;font-size: 12px;}
    .shipping_greybox_right{width: 90px;}
    label{font-size: 12px;}
    .checkbox .cr, .radio .cr{width:15px; height:15px;}
    .listing-grey-rightbox ol{padding: 0px 0px 0px 10px;}
    .listing-grey-rightbox ol li{font-size: 12px;}
    .listing-grey-rightbox{width: 150px;}
    .role-body-ul ul li{font-size: 14px;}
    .role-body-ul ul li span{font-size: 12px;}
    .rating-right-img-outer{width: 25%;}
    .rating-outer-right{padding: 0px 5px 10px 15px;}
    .rating-right-grey-box{ margin: 10px 5px 0px 0px;width: 32%;}
    .rating-right-grey-box p{font-size: 10px;}
    .rating-right-grey-box span{font-size: 10px;}
    .rating2-right-img-outer{ width: 45px;}
    .totalrespose_main{width: 60%;}
    .rating_chart_main{ width: 270px;}
    .rating_chart_progress_main{}
    .rating_chart_progress_mid{width:215px;}
    .rating_chart_progress_main{margin-left: 0px;}
    .rating_chart_progress_int1{width: 100%;}
    .bottomborderrating{width: 85%;margin-left: 36px;}
    .rating_chart_bottom_line{width: 80%;}
    .rating_chart_bottomtxt{left:100px;}
    .checkbox .cr, .radio .cr i {font-size: 11px !important;}    
    .pay-again{padding: 10px 10px;}
    .history-summary-right p {font-size:9px;}
    .history-greenbtn {padding: 10px 10px;}
}


@media (max-width:1024px) {
    
    .resetpass-sec {padding: 50px 0px;}
    .acount-sec {padding: 80px 0px;}
    .total-sales-sec {padding: 30px 10px;}
    .chat-input {padding:0px;}
    .total-sales-info ul li h5{font-size:12px;}
    .total-sales-info > h3{font-size:12px;}
    .pay-again{padding: 10px 10px;}
    .history-summary-right p {font-size:9px;}
 }

@media (max-width:980px) {  
    .topright-links > ul > li > a {font-size: 11px;padding: 5px 10px 0 0;}
    .topright-links { padding: 5px 0px 5px 0;}
    .profiletext { width: 100%;}
    .mini-stats > span {width:70px; height: 70px; margin-right: 20px;}
    .mini-stats > p {color: #7b7c7c;font-size: 15px;font-weight: 600;text-transform: uppercase;}
    .dashboard_heading {color: #7b7c7c;font-size: 15px;font-weight: 600;text-transform: uppercase;margin: 0 0 15px;}
    .dashboard_heading1 {color: #7b7c7c;font-size: 15px;font-weight: 600;margin: 0 0 15px;}
    .dashboard_edit_icon_txt {font-size: 15px;}
    .slider{width:100% !important;}
    .dashboard_full_strip_12{float:left;width:100%;margin: 10px 0 0;}
    .dashboard_avtar_green_txt{font-size:15px;margin: 0px 0 0;}
    .dashboard_avtar_yellow_txt{font-size:15px;}
    .dashboard_avtar_red_txt{font-size:15px;}
    .dashboard_box_white1{min-height: 445px;}
    .dashboard_score_icon_txt{font-size:15px;}
    .dashboard_totalresponsesgreybox {font-size: 19px !important;line-height: 40px !important;}
    
}

@media (max-width: 800px) {
    
    .login-container {width: 80%;}
    .account-form > form div.feild {width: 100%;}
    .account-form label {width:50%; line-height:18px;}
    .account-sec footer p {width: 100%;text-align: center;}
    .footer_center {text-align: center;width: 100%;}
    .footer_center a{text-align: center;}
    .input-bottomtxt {padding-left: 15px;}
    .width-auto {margin-right: 0px; margin-left: 15px;}
    .account-form1 > form div.feild { width: 100%;}
    .padding-right5 {padding-right: 15px;}
    .logo-top1 {width:90%;}
    .chat-widget{padding:20px;}
    .chat-message-bubble{max-width: 300px;}
    .main-content {padding: 125px 45px 110px 240px;}
    .save_right {width: 80%;}
    .billing_greybox_right{float:right;}
    .padding-left10 {padding-left: 0px !important;}
    .pull-right{float:none!important}
    .grey-select {width: 100%;}
    .stepsForm .sf-steps .sf-steps-content{left: 140px;}
    .input-group-left{margin-right: 0px;}
    .dashboard_totalresponsesgreybox {font-size: 14px !important;line-height: 20px !important;}
    
}

@media screen and (max-width: 768px) {
    .account-header-link > li > a {font-size: 12px;}
    .account-header-link > li {margin-left: 20px;}
    footer p{font-size:12px;text-align: center; width: 100%;}
    .btn-warning{min-width: auto;}
    .profiletext strong {font-size: 12px;}
    .profiletext {font-size: 12px;}
    .btn {font-size: 12px;}
    .save_right {width: 100%;float:none; margin: 0px;}
    .wd70 {width: 55px;}
    .padding-left10 {padding-left: 0px !important;}
    .stepsForm .sf-steps .sf-steps-content{width: 100%;top:40px; left:0px;}
    .stepsForm .sf-steps-content > div{width:100%;padding: 13px 5px 13px 50px;font-size: 14px;}
    .stepsForm .sf-steps-content > div > span {padding: 10px 10px;}
    .createorder_absolute{position: absolute;top: 300px; width: 100%; height: auto;margin-bottom: 40px;}
    .outerres-div > :first-child {margin:0px 0px 0px 0px;}
    .outerres-div {display: block;float: left;height: auto;width: 100%;background: #7dc14c;padding:10px 15px;font-weight: bold;font-family: roboto-light;
    color: #000; margin:10px 0px 0px 0px;}
    .steptop_grid {display: none;}
    .outerres-div span{color:#fff;}
    .col-md-30per {width: 100%;}
    .col-md-20per {width: 100%;}
    .col-md-25per {width: 100%;}
    .stepsForm input[type="text"], .stepsForm input[type="tel"], .stepsForm input[type="email"], .stepsForm input[type="password"] {
    width: 100%;}  
    .stepform_container {padding: 0px 20px 10px 20px;}  
    .order_greybox {margin: 10px 0px;}
    .setting > h2 {margin-bottom: 0px;}
    .top-select-bg {margin-bottom: 10px;}
    .history-redbtn {float:left; margin: 10px 0px;}
    .history-greenbtn {float:left;}
 }
     
@media (max-width: 767px) {}

@media (max-width: 736px) {}

@media (max-width: 600px){
    .account-form label {font-size: 12px;}
    .account-form label a {font-size: 12px;}
    .account-header-link > li > a {letter-spacing: 0;}
    .checkbox .cr, .radio .cr { margin-right: .5em; }
    .topright-links > ul > li > a {font-size: 11px;padding: 5px 10px 0 0;}
}
    
    
@media (max-width: 568px){
    
    .logo-top {width: 100%;text-align: center;display: inline-block;}
    .logo-top > a {text-align:center; width: 100%;}
    .account-header-link {text-align: center;display: inline-block; width: 100%;padding: 0px 0px 10px 0px;}
    .account-header-link > li {margin-left: 0px;}
    .account-header-link > li > a {font-size: 12px;padding: 10px 10px;}
    .logo-top1 {width:75%;}
    .top-bar > ul {width:100%;}
    .top-bar > ul > li {padding: 10px 0 0px 0px;text-align: center; margin-left: 0px; float:none;}
     .topright-links > ul > li > a {font-size: 11px;padding: 5px 35px 0 0;}
    
}

@media (max-width: 480px){ 
    .check-margin-login{float: none;font-size: 10px;padding: 10px 0px 0px 0px;}
    label {font-size:12px;}
    .circle-chart{margin-right: 5px;}    
    .main-content {padding: 150px 45px 110px 240px;}
    .setting_green_heading{font-size: 12px;}
    .billing_greybox {padding:10px;}
    .billing_greybox_left {width:30%;}
    .billing_greybox_right {width:68%;}
    .unittoprightbox {width:100%; margin-bottom: 10px;}
    .wd70 {width: 100%;}
    .new_headingtxt{font-size: 14px;padding: 0px 0px 5px 0px;}
    .stepsForm{min-height: 900px; height: auto;}
    .setting_container {padding:10px;}
    .show-elements {float: right;}

    

}

@media (max-width:414px){ 
    
    .contact-sec {padding: 30px 25px;}
    footer p {font-size: 12px;}
    .forgot-password {font-size: 12px;}
    .privacy_policy {font-size: 12px;}
    .account-header-link > li > a {font-size: 10px; padding: 10px 10px;}
    .account-form label a {font-size: 11px;padding-left:30px;}
    .checkbox .cr, .radio .cr { margin-left: 0px;}
    .account-form label {font-size: 11px;}
    .account-form label {width: auto;}
    .account-header-link > li { margin-left: 25px;}
    .account-form1 > form div.feild{font-size: 13px;}

@media (max-width:385px){ 
    .account-header-link > li { margin-left: 15px;}
    .account-form label a {padding-left: 25px;}
    .total-sales-info > ul > li { width: 70.3333%;}
    .billing_info_select {width: 100%;}
    .billing_greybox_left { width: 100%;} 
    .billing_greybox_right {width: 100%;}   
    .unitbox_left {width: 100%;}
    .unitbox_right {width: 100%;}

    }
    
@media (max-width:384px){
   

    }


@media (max-width: 375px){
    
    .account-header-link {padding: 0px 0px 10px 5px;}
    .account-form label a {padding-left: 25px;}
    .account-header-link > li {margin-left: 5px;}
    .account-header-link > li > a {font-size: 10px; padding: 10px 5px;}
    .account-form1 > form .feild > input[type="submit"]{font-size:12px;}
    .check-margin-login{float: none;font-size: 10px;padding: 10px 0px 0px 0px;}
    .topright-links > ul > li > a {font-size: 11px;padding: 5px 15px 0 0;}
    .btn-warning{min-width:100%; margin-bottom:10px;}
    .btn-danger{min-width:100%;}
    .ordernew_greybox {width:100%;}
    .ordernew_greybox img{width: 100%;}
    .btn-green{width: 100%;font-size: 10px;}
    

}


@media (max-width: 320px){

}

@media (min-width: 1240px) and (max-width: 1600px) {
.stepsForm .sf-steps-content > div {
    font-size: 12px !important;
    padding: 13px 20px 13px 50px !important;
}


}