/* login page css */
.Login_page {
    margin: 60px 0;
}
.login_img_left {
    margin-left: -135px;
    width: 65%;
    display: inline-block;
    vertical-align: middle;
}
.form-group {
    margin-bottom: 20px;
}
.login_form_right {
    width:45%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    padding-left: 30px;
}
.login_form_right:before {
    content: '';
    position: absolute;
    left: -90px;
    width: 80px;
    height: 100%;
    background-image: url(../images/app_images/verticle-shadow.png);
    background-size: 93%;
    background-repeat: no-repeat;
    top: -30px;
}
.login_form_right h3 {
    margin: 10px 0 60px 0;
    font-size: 30px;
    font-weight: 700;
    position: relative;
}
.login_form_right h3:before {
    content: '';
    background-image: url(../images/heading-back-design.png);
    width: 75px;
    height: 75px;
    position: absolute;
    top: -23px;
    left: -50px;
    right: 0;
    margin: auto;
    background-size: 100%;
}
.Login_form .input_perent {
    position: relative;
}
.Login_form .input_perent input.form-control {
    box-shadow: none;
    border: none;
    background: #f1f2f7;
    height: 58px;
    font-size: 15px;
    padding-left: 50px;
}
.Login_form .input_perent i {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #c9cace;
}
.Login_form .input_perent.checkbox {
    text-align: left;
    position: relative;
    padding-left: 33px;
}
.Login_form .input_perent.checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    margin: 0;
    top: 0;
    width: 31%;
    height: 20px;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}
.Login_form .input_perent.checkbox input[type="checkbox"]+span {
    position: absolute;
    left: 0;
    margin: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: solid 2px #ccc;
}
.Login_form .input_perent.checkbox input[type="checkbox"]+span:after {
    content: '\eed8';
    font-family: IcoFont;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.Login_form .input_perent.checkbox input[type="checkbox"]:checked+span {
    background: #07d765;
    border: none;
}
.Login_form button.Login_btn {
    width: 100%;
    max-width: 250px;
    height: 55px;
    font-size: 15px;
    font-weight: 600;
    background: #07d765;
    border: none;
    margin: 0;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    text-transform: uppercase;
    letter-spacing: .2px;
}
.Login_form button.Login_btn:hover{background:#01c158}
form.Login_form .anaccount {
    font-size: 15px;
    color: #000;
}
form.Login_form .anaccount a {
    color: #07d765;
    font-weight: 500;
}
.or_divder {
    position: relative;
    margin: 30px 0;
}
.or_divder:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 100%;
    height: 2px;
    background: #e0e3ec;
}
.or_divder span {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 0 5px;
    font-weight: 500;
    color: #939393;
}
.login_with_social ul li {
    display: inline-block;
}
.login_with_social ul li a {
    width: 45px;
    height: 45px;
    background: #ccc;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    margin: 0 3px;
    text-decoration: none;
    opacity: .8;
}
.login_with_social ul li a:hover{
    opacity: 1;
}
form.Login_form .anaccount {
    font-size: 15px;
    color: #000;
    margin: 40px 0 40px 0;
}
.login_with_social ul li a.twitter { background: #55acee;}
.login_with_social ul li a.facebook { background: #3c5a98;}
.login_with_social ul li a.google { background: #dc4e41;}
.login_with_social ul li a.pinterest { background: #cb2027;}
.login_with_social ul li a.skype { background: #65a2d9;}

.Login_form .input_perent input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 15px;
    color: #696969;
}
.Login_form .input_perent input.form-control::-moz-placeholder { /* Firefox 19+ */
    font-size: 15px;
    color: #696969;
}
.Login_form .input_perent input.form-control::-ms-input-placeholder { /* IE 10+ */
    font-size: 15px;
    color: #696969;
}
.Login_form .input_perent input.form-control::-moz-placeholder { /* Firefox 18- */
    font-size: 15px;
    color: #696969;
}
.login_with_social h5 {
    text-transform: uppercase;
    color: #939393;
    font-weight: 600;
}
.Login_form .input_perent input.form-control[type="password"] {
    font-size: 25px;
}
.custom_design .SUBSCRIBE {
    background: #f9f9f9;
}
.Questions_main#q5 .product_delivered_opstion {
    display: block;
    margin: 0;
    max-width: 100%;
}
.Questions_main#q5 .product_delivered_opstion label {
    width: auto;
}
.Questions_main#q5 .product_delivered_opstion label img {
    top: 0 !important;
}
.Questions_main#q5 .product_delivered_opstion label:after{display: none;}
.Questions_main#q5 .product_delivered_opstion label:hover img {
    border-color: #07d765;
}


.RightHeeaderSection{margin: 25px 0 0 0;}
.RightHeeaderSection li.dropdown>a.dropdown-toggle { background: #11e471; color: #fafafa; border-radius: 100px; padding: 13px 24px;}
.RightHeeaderSection a#Open-the-main-site{color:#696969;text-decoration:none}
.RightHeeaderSection a#Open-the-main-site img{width:18px}
.custom_design header{box-shadow:0 0 10px rgba(0,0,0,0.2);position:relative;z-index:999}
.sticky+.app_mian{margin-top:81px}
.app_mian{background-image:url(../images/app_images/app-back-bg.jpg);min-height:850px;background-size:cover;overflow:hidden}
.app_bg_white{background:#fff;margin:80px 0;padding:25px;text-align:center;border-radius:15px;position:relative;min-height:700px}
.app_bg_white .right_top_design{position:absolute;top:40px;right:-60px}
.app_bg_white .right_top_design i{width:100px;height:35px;background:#fff;display:block;border-radius:50px}
.app_bg_white .right_top_design i:nth-child(2){position:relative;right:15px;background:#11e471}
.app_bg_white .right_top_design i:nth-child(3){position:relative;right:15px}
.app_bg_white .left_bottom_design{position:absolute;bottom:40px;left:-60px}
.app_bg_white .left_bottom_design i{width:100px;height:35px;background:#fff;display:block;border-radius:50px}
.app_bg_white .left_bottom_design i:nth-child(2){position:relative;right:15px;background:#07d765}
.app_bg_white .left_bottom_design i:nth-child(3){position:relative;right:15px}
.app_bg_white .custom_Heading h2{font-weight:700;position:relative;margin:40px 0 30px}
.app_bg_white .custom_Heading h2:before{content:'';background-image:url(../images/heading-back-design.png);width:95px;height:95px;position:absolute;top:-33px;left:0;right:0;margin:auto}
.app_bg_white .custom_Heading h2 span{position:relative;z-index:9}
.Progress_bar_stap{max-width:700px;margin:80px auto 0}
.Progress_bar_stap .tabs_bar ul{display:flex;justify-content:space-evenly;align-items:center}
.Progress_bar_stap .tabs_bar ul li{width:33.333333%}
.Progress_bar_stap .tabs_bar ul li a{color:#424242;font-size:17px;font-weight:600;text-decoration:none}
.Progress_bar_stap .Progress_bar{background:#d7d7d7;height:12px;margin-top:30px;position:relative;width:100%;border-radius:5px}
.Progress_bar_stap .Progress_bar .bar_green{height:12px;position:relative;background:#7efeb8;background:linear-gradient(80deg,rgba(126,254,184,1) 0%,rgba(2,207,95,1) 100%);border-radius:5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.Progress_bar_stap .Progress_bar .bar_green span.record_img{position:absolute;right:-24px;top:-23px;animation-name:spin;animation-duration:3500ms;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes spin {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.Questions_main{margin:80px 0}
.Questions_main .questions_item h3{font-size:26px;color:#000;font-weight:600;margin:0 0 70px}
.Questions_main .questions_item.answerhere textarea#answer{width:100%;max-width:600px;height:111px;resize:none;border-radius:5px;border:solid 1px #ebebeb;background:#f6f6f6;padding:10px 15px;outline:none;font-weight:500}
.Questions_main .questions_item.answerhere input[type="email"]{width:100%;max-width:600px;height:63px;resize:none;border-radius:5px;border:solid 1px #ebebeb;background:#f6f6f6;padding:10px 15px;outline:none;font-weight:500;font-size:18px}
.Start_now_btn{display:inline-block;position:relative;vertical-align:middle;margin:25px 10px 0}
.Questions_main .questions_item.answerhere .Start_now_btn button{width:250px;height:75px;font-size:24px;font-weight:400;background:#07d765;border:none;margin:0;color:#fff;border-radius:10px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.Questions_main .questions_item.answerhere .Start_now_btn:hover button,.Approved_design .Place_Odrer_btn button:hover{background:#01c158}
.Questions_main .questions_item.answerhere .Start_now_btn button i{font-size:34px;display:inline-block;vertical-align:middle;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.Questions_main .questions_item.answerhere .Start_now_btn button:hover i{margin-right:-8px;margin-left:8px}
.Start_now_btn input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;overflow:hidden;opacity:0;cursor:pointer;text-indent:-1000px}
.Start_now_btn span#filename-7{display:block;text-align:left;position:absolute;bottom:-23px}
.product_delivered_opstion{display:flex;justify-content:center;align-items:center;max-width:900px;margin:0 auto}
.product_delivered_opstion label{width:33.33333%;position: relative;cursor: pointer;}
.product_delivered_opstion label i{position:absolute;top:0 !important;left:0; margin: 0 !important; width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;text-transform:uppercase;font-style:normal;color:#000;z-index:2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.product_delivered_opstion label input[type="radio"] {position: absolute;}
.product_delivered_opstion label:after{ content: '';position: absolute;width: 100%;height: 30px;left: 0;bottom: -15px;background-image: url(../images/app_images/3d-shadow.png);background-size: 80% 100%;background-repeat: no-repeat;background-position: center;}
.product_delivered_opstion label img{position:relative;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;top:-0}
.product_delivered_opstion label:hover img,.product_delivered_opstion label:hover i{top:-20px !important}
.ProjectSamples_m{display:flex;justify-content:end;flex-wrap:wrap}
.ProjectSamples_m .left_img{width:50%}
.ProjectSamples_m .right_samples{width:50%;border-radius:5px;overflow:hidden;background:#f1f2f7}
.ProjectSamples_m .right_samples h3{margin:0;background:#383839;color:#fff;padding:20px 15px;font-size:20px}
.ProjectSamples_m .right_samples .our_samples{padding:25px}
.ProjectSamples_m .right_samples .our_samples .Samples_items{border:solid 2px #d7d7dc;border-radius:5px;height:100vh;max-height:370px;padding:15px}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul li{width:33.3333%;padding:10px}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul li a{display:block;position:relative;background:#fff;padding:10px;overflow:hidden;border-radius:7px}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul li a .hover_view{position:absolute;top:0;width:100%;height:100%;left:0;background:rgba(7,215,101,0.75);display:flex;justify-content:center;align-items:center;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;opacity:0;visibility:hidden}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul li a .hover_view i.icofont-eye{background:#fff;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#3d3d3d;font-size:25px;border-radius:5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul li a .hover_view i.icofont-eye:hover{color:#fff;background:#000}
.ProjectSamples_m .right_samples .our_samples .Samples_items ul li a:hover .hover_view{opacity:1;visibility:visible;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.ProjectSamples_m .left_New_design_area{width:45%}
.ProjectSamples_m .right_comment_area{width:55%;padding-left:15px}
.ProjectSamples_m .left_New_design_area .big_images{display:flex;justify-content:end;flex-wrap:wrap;text-align:left}
.ProjectSamples_m .left_New_design_area .big_images .reference_image{width:50%;padding:10px}
.ProjectSamples_m .left_New_design_area .big_images .New_Design{width:50%;padding:10px}
.ProjectSamples_m .left_New_design_area .big_images .show_img{width:100%;height:200px;overflow:hidden;position:relative;border-radius:5px;border:solid 1px #ccc}
.ProjectSamples_m .left_New_design_area .big_images .show_img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.ProjectSamples_m .left_New_design_area .big_images h5{color:#000;font-weight:600;text-transform:uppercase;font-size:12px}
.ProjectSamples_m .left_New_design_area .Revisoons{margin-top:5px;clear:both;display:grid}
.ProjectSamples_m .left_New_design_area .Revisoons h5{font-size:18px;margin-bottom:0}
.ProjectSamples_m .left_New_design_area .Revisoons ul{display: flex; justify-content: center; flex-wrap: wrap; max-width: 100%; margin: 0 auto;}
.ProjectSamples_m .left_New_design_area .Revisoons ul li{padding:10px}
.ProjectSamples_m .left_New_design_area .Revisoons ul li a{display:block;border:solid 1px #ccc;padding:5px;border-radius:5px}
.ProjectSamples_m .right_comment_area .actions_btns{display:flex;justify-content:flex-end;align-items:center}
.ProjectSamples_m .right_comment_area .actions_btns a{padding:10px 15px;background:#07d765;margin:0 0 10px 8px;font-weight:500;color:#fff;font-size:13px;border-radius:5px;text-decoration:none}
.ProjectSamples_m .left_New_design_area .Revisoons ul li a{ display: block;border: solid 1px #ccc;padding: 5px;border-radius: 5px;}
.ProjectSamples_m .right_comment_area .actions_btns a.Decline{background:#b7b7b7}
.ProjectSamples_m .right_comment_area .actions_btns h3{font-size:17px;margin:0;flex:1;text-align:left}
.design_img{width:224px;height:224px;margin:50px auto 40px}
.design_img .img_A{position:relative;background:#fff;padding:15px;box-shadow:0 20px 30px rgba(0,0,0,0.1);border-radius:10px}
.design_img .img_A i.icofont-check{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#07d765;display:flex;justify-content:center;align-items:center;font-size:26px;color:#fff;border-radius:100px}
.Approved_design .Place_Odrer_btn button{width:260px;height:65px;font-size:20px;font-weight:600;background:#07d765;border:none;margin:0;color:#fff;border-radius:5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;border:solid 1px #009d47;text-transform:uppercase}
.comment_section form.form-inline {
    padding: 30px;
    display: flex;
    position: relative;
}
.comment_section form.form-inline .form-group {
    flex: 1;
    text-align: left;
}
.comment_section form.form-inline .form-group input#name {
    width: calc(100% - 0px);
    height: 42px;
    box-shadow: none;
    padding-right: 120px;
}
.comment_section form.form-inline button.btn.btn-default {
    width: 100px;
    position: absolute;
    right: 36px;
    top: 35px;
}
.comments_listing .panel.panel-white.post {
    background:#fff !important;
}
.comments_listing .panel.panel-white.post .post-heading .pull-left.meta .title.h5 {
    color: #c2c9d9;
    font-weight: 400;
}
.comments_listing .panel.panel-white.post .post-heading .pull-left.meta .title.h5 a {
    color: #000;
}
.comments_listing .panel.panel-white.post .time {
    color: #c5cdda;
}
.comments_listing .panel.panel-white.post .post-description p {
    margin-top: 0;
    margin-left: 0;
}
.comments_listing .panel.panel-white.post .post-description {
    padding-left: 85px;
}
.comments_listing .panel.panel-white.post .post-description p {
    margin-top: 0;
    margin-left: 0;
    color: #71788a;
    font-size: 13px;
}
.comments_listing .panel.panel-white.post.userrole_1 {
    width: calc(100% - 70px);
    float: right;
}
.RightHeeaderSection li.dropdown ul.dropdown-menu {
    padding: 0;
    border: none;
}
.RightHeeaderSection li.dropdown ul.dropdown-menu li.divider {
    margin: 0;
}
.RightHeeaderSection li.dropdown ul.dropdown-menu li a {
    padding: 10px 10px;
    color: #666;
}
.RightHeeaderSection li.dropdown ul.dropdown-menu li a.btn.btn-success.btn-block {
    background: #f5f5f5;
    border: none;
    border-radius: 0;
}
.ProjectSamples_m .left_New_design_area .Revisoons ul li a img {
    height: 75px;
}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    margin: 0;
}
.modal .modal-dialog {
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
}  
.modal .modal-dialog .modal-content .modal-header h3.modal-title {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}
.modal .modal-dialog .modal-content .modal-header button.close {
    margin: -15px -15px -16px 0px;
    width: 59px;
    height: 59px;
    background: #4bd864;
    opacity: 1;
    color: #fff;
    font-size: 35px;
    text-shadow: none;
}
.order_listing table.table.table-hover tbody tr:first-child th {
    background: #19ee7a;
    border: none;
    color: #000000;
    text-align: center;
    padding: 15px !important;
}
.order_listing table.table.table-hover tbody tr td {
    vertical-align: middle;
    text-align: center;
    border: none;
}
.order_listing table.table.table-hover tbody tr:nth-child(odd) td {
    background: #e4fbee;
}
.order_listing table.table.table-hover tbody tr td a.btn.btn-sm.btn-info {
    padding: 5px 16px !important;
    border: none;
    font-weight: 500;
}
.order_listing table.table.table-hover tbody tr:hover {
    background: #e4fbee;
}
.welcome_setion.menus a:hover {
    color: #fff;
    text-decoration: none;
}
.Questions_main .questions_item.answerhere input[type="text"] {
    width: 100%;
    max-width: 600px;
    height: 63px;
    resize: none;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    background: #f6f6f6;
    padding: 10px 15px;
    outline: none;
    font-weight: 500;
    font-size: 18px;
}
.questions_item.answerhere input {
    width: 100%;
    max-width: 600px;
    height: 63px;
    resize: none;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    background: #f6f6f6;
    padding: 10px 15px;
    outline: none;
    font-weight: 500;
    font-size: 18px;
}
p.otp_send_msg {
    margin-bottom: 20px;
}

.back_to_orders{
    background: #11e471;
    color: #fafafa;
    border-radius: 100px;
    padding: 13px 24px;
}

.app_bg_white .comment_section{
    margin: 0 0 30px 0;
}


.back_to_orders:hover{
    color: #fff;
    text-decoration: none;
}

@media only screen and (max-width: 800px) {
    
    #flip-scroll tbody tr {border-left: 1px solid #babcbf; width: 100%;float: left; margin-bottom: 17px;}
    #flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    #flip-scroll * html .cf { zoom: 1; }
    #flip-scroll *:first-child+html .cf { zoom: 1; }
    #flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    #flip-scroll th,
    #flip-scroll td { margin: 0; vertical-align: top; }
    #flip-scroll th { text-align: left; }
    #flip-scroll table { display: block; position: relative; width: 100%; }
    #flip-scroll thead { display: block; float: left; }
    #flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    #flip-scroll thead tr { display: block; }
    #flip-scroll th { display: block; text-align: right; }
    #flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    #flip-scroll td { display: block; min-height: 1.25em; }
    /* sort out borders */
    #flip-scroll th { border-bottom: 0; border-left: 0; }
    #flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    #flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    #flip-scroll th:last-child,
    #flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
    #prefix_q4{float: left;width: 22% !important; font-size: 15px;}
    #phonenbr{float: left;width: 79%; font-size: 15px;}
}   

@media only screen and (max-width: 400px) {
    #prefix_q4{float: left;width: 22% !important; font-size: 15px;}
    #phonenbr{float: left;width: 81%; font-size: 15px;}
}