@import url('https://fonts.googleapis.com/css?family=Hind&display=swap') ;
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap') ;
@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap') ;
@media (max-width: 320px) {
.b_font, .c_font {
font-size : 10px;
}
.my_mfont, .space_font, .tap-space {
font-weight : 700;
}
.logo-margin {
margin-top : 0;
position : absolute;
z-index : 1;
left : 40px;
}
.c_font {
padding-left : 80px;
}
.fill {
font-size : 16px;
line-height : 16px;
}
.data_2 {
padding : 5px 10px;
border : #cecece solid 1px;
background : #FFF;
margin-bottom : 20px;
}
.r_viewcontact {
box-shadow : 0 2px 11px -3px rgb(0 0 0 / 0.75);
background : #fff;
padding : 0;
}
.view_no {
width : 150px;
height : 49px;
margin-left : 18px;
margin-top : 5px;
float : left;
}
.my_logo, .space_r {
height : 30px !important ;
}
.my_logo {
width : 135px !important ;
margin-top : 10px;
}
.new_logo {
margin : 0 0 0 5px;
padding : 0;
}
.my-nav {
margin-top : 0;
}
.my_n {
margin-top : 8px;
}
.l_m {
margin-top : 5px;
margin-left : 18px;
}
.tap-space {
font-size : 13px;
}
.my_panelb {
margin-bottom : 0;
}
.lang_mar {
margin-left : 60px;
}
.my_mfont {
font-size : 11px;
}
.space-top, .panel {
margin-bottom : 5px;
}
.m_online {
margin-left : 200px;
}
.navi_profile {
margin : 0;
padding : 0;
}
.my_proile {
box-shadow : 0 2px 5px -3px rgb(0 0 0 / 0.5);
background : #fff;
margin-top : 10px;
margin-bottom : 0;
margin-right : 0;
width : 110%;
}
.modalbox-main {
width : 100%;
left : 0;
}
.my_con {
margin : 5px;
padding : 0;
}
.no_mar {
margin : 0;
padding : 1px;
}
.space_r {
width : 30px !important ;
margin-top : 2px;
}
.approval_btn {
margin-bottom : 5px;
margin-top : 5px;
}
.my_bor4 {
background : #dedede;
padding : 8px 10px;
font-size : 18px;
width : 91%;
}
.about-h, .per-h3 {
font-size : 11px;
font-weight : 700;
}
.my_space {
margin-bottom : 10px;
}
.rida_w {
width : 230px !important ;
height : 240px;
}
.view_t {
margin-left : 0;
margin-top : 5px;
}
.per-h3 {
color : #2b2b2b;
}
.cell_mar {
margin-top : 10px;
}
.about-h {
color : #e3138d;
padding-left : 5px;
font-family : Tahoma, Verdana, Segoe, sans-serif;
}
.per_h3, .per_h4 {
font-family : Arial, sans-serif;
font-size : 11px;
font-weight : 400;
padding-bottom : 10px;
}
.thumb_margin {
margin-left : 0 !important ;
}
.per_h3 {
color : #6f6f6f;
}
.per_h4 {
color : #2b2b2b;
}
}
@media (max-width: 460px) {
.m_login, .space-top {
position : absolute;
}
.my_logo {
width : 135px !important ;
height : 30px !important ;
margin-top : 10px;
}
.mobile_logo {
width : 190px !important ;
height : 35px !important ;
margin-bottom : 5px;
}
.new_logo {
margin : 0 0 0 5px;
padding : 0;
}
.my-nav {
margin-top : 74px;
}
.m_login {
margin-top : 10px;
margin-left : 45%;
}
.tap-space {
font-size : 13px;
font-weight : 700;
}
.my_panelb {
margin-bottom : 0;
}
.lang_mar {
margin-left : 60px;
}
.my_mfont {
font-size : 11px;
font-weight : 700;
}
.panel {
margin-bottom : 5px;
}
.m_online {
margin-left : 200px;
}
.navi_profile {
margin : 0;
padding : 0;
}
.modalbox-main {
width : 100%;
left : 0;
}
.my_con {
margin : 5px;
padding : 0;
}
.no_mar {
margin : 0;
padding : 1px;
}
.space-top {
margin-top : 0;
z-index : 200;
font-size : 12px;
color : #fff;
}
.space_r {
width : 30px !important ;
height : 30px !important ;
margin-top : 2px;
}
.my_n, .my_proile {
margin-top : 8px;
}
.my_proile {
box-shadow : 0 2px 5px -3px rgb(0 0 0 / 0.5);
background : #fff;
margin-bottom : 0;
margin-right : 0;
width : 107%;
}
.approval_btn {
margin-bottom : 5px;
margin-top : 5px;
}
.my_bor4 {
background : #dedede;
padding : 8px 10px;
font-size : 18px;
width : 90%;
}
.my_space {
margin-bottom : 10px;
}
.view_t {
margin-left : 0;
margin-top : 5px;
}
}
@media (max-width: 320px) {
.info-w, .match-heading {
text-align : left;
margin : 0;
}
.match-heading {
width : 160px;
font-size : 11px;
font-weight : 700;
color : #ff5050;
padding-left : 0;
}
.info-w {
width : 20px;
font-size : 10px !important ;
color : #36c526;
}
.p-border {
border-bottom : 1px dotted #949494;
padding-bottom : 0;
}
.per-h3 {
font-size : 11px;
color : #2b2b2b;
font-weight : 700;
}
.img-contain {
width : 50px;
height : 50px;
}
.mem_ber {
font-size : 14px;
}
}
@media (max-width: 360px) {
.p_bt, .view_no {
margin-top : 5px;
}
.view_no {
width : 150px;
height : 49px;
margin-left : 18px;
float : left;
}
.data_2 {
padding : 5px 10px;
border : #000 solid 1px;
background : #FFF;
margin-bottom : 20px;
}
.mail_mar {
padding-left : 50px;
}
.mem_ber {
font-size : 14px;
}
.new_logo {
margin : 0 0 0 5px;
padding : 0;
}
.mobile_logo {
margin-top : 0;
margin-bottom : 5px;
margin-left : 40px;
}
.my_con {
margin : 5px;
padding : 0;
}
.no_mar {
margin : 0;
padding : 1px;
}
.space-top {
position : absolute;
}
.my_n, .my_proile {
margin-top : 8px;
}
.my_proile {
box-shadow : 0 2px 5px -3px rgb(0 0 0 / 0.5);
background : #fff;
margin-bottom : 0;
margin-right : 0;
width : 110%;
}
.approval_btn {
margin-bottom : 5px;
margin-top : 5px;
}
.my_bor4 {
background : #dedede;
padding : 8px 10px;
font-size : 18px;
width : 91%;
}
.rida_w {
width : 250px !important ;
height : 250px;
}
}
@media (max-width: 320px) {
.app_space {
margin-bottom : 10px;
}
.app_bt {
width : 50%;
float : left;
margin-left : 15px;
}
.my_perso {
margin-top : 0;
padding : 0;
}
}
@media (max-width: 360px) {
.app_space {
margin-bottom : 10px;
}
.app_bt {
width : 90%;
float : left;
margin-left : 15px;
}
}
@media (max-width: 460px) {
.app_space {
margin-bottom : 10px;
}
.app_bt {
width : 91%;
float : left;
margin-left : 15px;
}
}
@media (max-width: 800px) {
.app_space {
margin-bottom : 10px;
}
.app_bt {
width : 90%;
float : left;
margin-left : 15px;
}
}
@media (max-width: 360px) {
.my_perso {
margin-top : 0;
padding : 0;
}
}
@media (max-width: 420px) {
.my_perso {
margin-top : 0;
padding : 0;
}
}
@media (max-width: 500px) {
.reg_c {
width : 95%;
margin-left : 10px;
}
}
@media (max-width: 600px) {
.reg_c {
width : 95%;
margin-left : 10px;
}
}
@media (max-width: 320px) {
.rg_m {
margin : 0 5px 0 15px;
padding : 0;
width : 89%;
}
}
@media (max-width: 360px) {
.rg_m {
margin : 0 5px 0 15px;
padding : 0;
width : 89%;
}
}
@media (max-width: 460px) {
.rg_m {
margin : 0 5px 0 15px;
padding : 0;
width : 89%;
}
}
@media (max-width: 768px) {
.rg_m {
margin : 0 5px 0 15px;
padding : 0;
width : 89%;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.nav-tabs li a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
margin-top : 2px;
cursor : pointer;
font-family : Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size : 13px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color : #fff;
background-color : #27ae60;
border : #0ee067 solid 1px;
border-bottom-color : transparent;
}
.nav-tabs li a {
color : #656565;
background-color : #dedede;
border : #d0d0d0 solid 1px;
border-bottom : transparent;
margin-left : 2px;
margin-right : 2px;
}
.nav > li.disabled > a {
color : #5f5f5f;
}
.nav > li.visited > a {
color : #fff;
}
}
@media (min-width: 996px) and (max-width: 1280px) {
.profile_tab {
margin-left : 30px;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.profile_view {
margin-left : 70px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.profile_view {
margin-left : 20px;
}
}
@media (min-width: 200px) and (max-width: 370px) {
.heading-age {
color : #888;
font-size : 14px;
font-weight : 400;
line-height : 15px;
text-align : left;
}
}
@media (min-width: 320px) and (max-width: 320px) {
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover .nav-tabs li a {
margin-left : 2px;
cursor : pointer;
margin-right : 0;
}
}
@media (max-width: 1199px) {
.heading-nor {
font-size : 12px;
}
}
@media (min-width: 260px) and (max-width: 460px) {
.ramaz_of {
width : 81px;
height : 20px;
}
}
@media (min-width: 260px) and (max-width: 990px) {
.rg_mm {
margin-bottom : 10px;
}
}

@media (min-width: 260px) and (max-width: 545px) {
.small_p {
line-height : 20px;
}
}
@media (min-width: 260px) and (max-width: 990px) {
.salary_w {
width : 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.salary_w {
width : 340px;
}
}
@media (min-width: 320px) and (max-width: 460px) {
#my-welcome-message {
display : none;
z-index : 500;
position : fixed;
left : 15%;
top : 20%;
font-family : Calibri, Arial, sans-serif;
background : #FFF;
margin-right : 50px;
}
}
@media (min-width: 460px) and (max-width: 1200px) {
#my-welcome-message {
display : none;
z-index : 500;
position : fixed;
left : 20%;
top : 10%;
font-family : Calibri, Arial, sans-serif;
background : #FFF;
margin-right : 70px;
}
}
@media (min-width: 220px) and (max-width: 320px) {
.mml_top {
position : absolute;
top : 0;
left : 20px;
}
}
@media (min-width: 220px) and (max-width: 767px) {
.new_m {
margin-top : 5px;
}
}

@media (min-width: 460px) and (max-width: 768px) {
.sm_mbi {
margin-top : 0;
}
}
@media (min-width: 300px) and (max-width: 320px) {
.nav-tabs li a {
color : #828282;
background-color : #dedede;
border : #d0d0d0 solid 1px;
border-bottom : transparent;
margin-left : 5px;
margin-right : 2px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.m_bureau {
margin-left : 0;
font-size : 14px;
}
}
@media (min-width: 315px) and (max-width: 450px) {
.footer_mar {
margin-left : 0;
line-height : 18px;
}
}
@media (min-width: 461px) and (max-width: 767px) {
.online_mar {
margin-top : 0;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.my-nav .navbar-default {
background : #dc54f8;
}
}
@media (min-width: 200px) and (max-width: 500px) {
.footer-border {
background : #ff78fe;
}
}
@media (min-width: 200px) and (max-width: 991px) {
.right_panel {
margin : 15px;
padding : 0;
}
}
@media (min-width: 200px) and (max-width: 350px) {
.what_n {
color : #282828;
font-size : 13px;
font-family : Calibri;
font-weight : bold;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.full_margin {
margin : 0;
padding : 0;
}
.ur_m {
margin-top : 10px;
}
.ur_h {
min-height : 210px;
}
.ur_pad {
padding-bottom : 30px;
}
}
@media (min-width: 200px) and (max-width: 460px) {
.profile_blink {
font-size : 14px;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.social_f {
margin-bottom : 5px;
}
}
@media (max-width: 280px) {
.social_m {
margin-left : 65px;
}
}
@media (min-width: 300px) and (max-width: 359px) {
.social_m {
margin-left : 30%;
}
.handle-counter input {
width : 70px;
border-width : 1px;
}
}
@media (max-width: 360px) {
.social_m {
margin-left : 33%;
}
}
@media (min-width: 361px) and (max-width: 370px) {
.social_m {
margin-left : 35%;
}
}
@media (min-width: 370px) and (max-width: 400px) {
.social_m {
margin-left : 36%;
}
}
@media (min-width: 401px) and (max-width: 430px) {
.social_m {
margin-left : 38%;
}
}
@media (min-width: 431px) and (max-width: 500px) {
.social_m {
margin-left : 37%;
}
}
@media (min-width: 501px) and (max-width: 600px) {
.social_m {
margin-left : 40%;
}
}
@media (min-width: 601px) and (max-width: 768px) {
.social_m {
margin-left : 42%;
}
.rightborder-add {
border : #37abe4 solid 1px;
padding : 0;
height : auto;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.m_bureau {
margin-left : 0;
}
}
@media (min-width: 200px) and (max-width: 460px) {
.user_l {
margin-top : 1px;
}
}
@media (min-width: 461px) and (max-width: 767px) {
.space-top {
margin-top : 0;
z-index : 1000;
font-size : 12px;
color : #fff;
position : absolute;
margin-top : 3px;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.my_search {
width : 100%;
margin : 0;
padding : 0;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.view-thumb {
border : #e6e6e6 solid 1px;
border-radius : 3px;
padding-top : 8px;
transition : none;
}
.view-thumb:hover {
border : #f5f5f5 solid 1px;
border-radius : 3px;
box-shadow : none;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.profile_me {
color : #006633;
font-size : 12px;
font-weight : bold;
margin-top : 5px;
}
}
@media (min-width: 200px) and (max-width: 460px) {
.rep_font {
font-size : 15px !important ;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.add_width {
height : 100%;
}
.add_mobile {
margin-left : -155px !important ;
font-size : 12px;
}
.pay_mobile {
margin-left : -185px !important ;
font-size : 12px;
}
.br_mm {
margin-top : 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.my-nav, .my_n {
font-family : Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size : 14px;
}
}
@media (min-width: 200px) and (max-width: 767px) {
.r_viewcontact {
min-height : 0;
box-shadow : none;
}
.middle-navi, .middle_nav {
margin : 0;
padding : 0;
}
}
@media (min-width: 768px) and (max-width: 800px) {
.r_viewcontact {
min-height : 350px;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.smk_accordion .accordion_in {
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
background : white;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.faq_style {
line-height : 24px;
}
}
@media (min-width: 200px) and (max-width: 320px) {
.help_mm {
margin-top : 25%;
position : absolute;
z-index : 1000;
left : 30%;
}
}
@media (min-width: 321px) and (max-width: 350px) {
.help_mm {
margin-top : 23%;
position : absolute;
z-index : 1000;
left : 35%;
}
}
@media (min-width: 351px) and (max-width: 370px) {
.help_mm {
position : absolute;
z-index : 1000;
left : 35%;
}
}
@media (min-width: 371px) and (max-width: 400px) {
.help_mm {
margin-top : 20%;
position : absolute;
z-index : 1000;
left : 35%;
}
}
@media (min-width: 401px) and (max-width: 420px) {
.help_mm {
margin-top : 20%;
position : absolute;
z-index : 1000;
left : 35%;
}
}
@media (min-width: 421px) and (max-width: 450px) {
.help_mm {
margin-top : 18%;
position : absolute;
z-index : 1000;
left : 35%;
}
}
@media (min-width: 451px) and (max-width: 460px) {
.help_mm {
margin-top : 17%;
position : absolute;
z-index : 1000;
left : 35%;
}
}
@media (min-width: 200px) and (max-width: 1274px) {
.dropdown-submenu > .dropdown-menu {
top : 0;
left : 0%;
margin-top : 30px;
margin-left : 0;
border-radius : 0 6px 6px 6px;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.font_new {
font-size : 18px;
}
.ressler_f {
font-size : 18px;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.profile_blink {
font-size : 15px;
}
}
@media (min-width: 200px) and (max-width: 768px) {
.partner_logo {
width : 280px !important ;
height : 35px !important ;
margin-top : 8px;
margin-bottom : 5px;
}
.p-border {
padding-bottom : 15px;
}
.profile_blink {
font-size : 13px;
}
.count_1 {
margin-top : 10px;
padding-bottom : 10px;
}
.set_d {
margin-top : 7px;
margin-bottom : 5px;
}
.offer_blink {
font-size : 16.5px;
font-family : calibri;
line-height : 20px;
padding-left : 2px;
}
.view_t {
width : 80px;
float : left;
margin-left : 10px;
margin-top : 5px;
font-size : 13px;
font-weight : 400;
color : #0171c1;
white-space : nowrap;
overflow : hidden;
text-overflow : "----";
}
.p_part {
font-size : 15px;
line-height : 17px;
font-weight : normal;
}
.alt_font {
font-size : 16px;
}
.veri_font {
font-size : 17px !important ;
text-align : justify;
font-weight : normal;
}
.after_r, .alt_margin {
margin-top : 10px;
padding : 10px 0 0 0 !important ;
}
.space_r {
width : 40px !important ;
height : 40px !important ;
margin-top : 5px;
}
.par_g {
font-family : calibri;
font-size : 15px;
color : #595959;
padding-left : 15px;
padding-top : 20px;
}
.sharef {
font-size : 13px;
margin-top : 0;
padding : 4px 5px !important ;
}
.share_safe {
font-size : 13px;
line-height : 15px;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.pay_margin {
margin : 0;
padding : 0;
}
.package {
width : 45%;
height : auto;
background-color : #00b050;
margin-left : 10px;
margin-top : 3px;
border-radius : 0;
}
.payment {
width : 94%;
height : auto;
background-color : #0070c0;
margin : 5px;
border-radius : 0;
}
.pay_img {
width : 140px;
margin : 0;
padding-top : 0;
}
.pay_text {
margin-top : 5px;
}
.pay_f, .pay_imgf {
line-height : 24px;
}
.member_f {
font-size : 20px;
}
.pay_imgf {
font-size : 16px;
}
.payment_m {
margin : 0;
padding : 0;
}
.payment_mar {
margin-top : 0;
}
.form-horizontal .control-label {
text-align : left;
}
legend {
margin-bottom : 0;
}
.link {
padding : 4px;
margin : 0 3px;
}
.tab-content .tab-pane {
padding : 20px 3px 5px 0;
}
.tab-content-border {
padding : 0 0 5px 3px;
}
.offer_blink {
font-size : 15px;
}
.member_2 {
height : 100%;
}
.blink-text {
color : #ffffff;
font-weight : bold;
animation : blinkingText 0.50s infinite;
font-family : calibri;
font-size : 13px;
letter-spacing : 0.70px;
}

.v-topm {
margin-top : 10px;
}
.tab_mp {
margin : 0;
padding : 0;
}
.int_p {
margin-left : 0;
}
.int_b {
padding : 0;
margin-bottom : 1px;
}
.intted1 {
margin-left : 0;
margin-top : 5px;
}
.bor-rad {
border-radius : 5px;
width : 100%;
}
.s-margin {
margin-top : 0;
}
.r_viewcontact {
margin-top : 3px;
background : #f7fafb;
}
.lan_guage {
margin-top : 8px;
}
.input_b {
border-radius : 0;
}
.all_pro {
margin-top : 0;
margin-bottom : 10px;
padding : 0;
margin-left : 0;
}
.r_search {
margin-top : 85%;
}
.work_s {
width : 200px;
height : 40px;
margin-bottom : 25px;
margin-left : 60px;
}
.work_b {
position : absolute;
top : 10px;
left : 0%;
font-size : 16px;
color : black;
}
.disco_b {
width : 150px;
line-height : 20px;
left : 0%;
top : 1%;
position : absolute;
font-family : calibri;
font-size : 17px;
}
.bt_mb {
padding : 3px !important ;
}
.bt_txt {
font-size : 13px !important ;
}
.btn_left {
margin-left : -5px;
max-width : 150px !important ;
}
.dropdown-menu > li > a {
font-size : 14px;
margin-left : 0;
}
.user_l {
margin-top : 8px;
}
.mmt {
position : absolute;
font-family : calibri;
font-size : 17px;
font-weight : bold;
color : #0867a8;
margin-top : 54px;
left : 23.6%;
}
.main-content {
margin-top : 20px;
}
.free_pr {
position : absolute;
}
.new_ffont {
font-family : calibri;
font-size : 14px;
color : #fff;
font-weight : normal;
}
.new_ffont a {
font-family : calibri;
font-size : 14px;
color : #fff;
cursor : pointer;
font-weight : bold;
text-decoration : none !important ;
}
.help_mb {
height : 30px;
background : url(../img/help_m.png) no-repeat;
width : 30px;
margin-top : 0;
border : 0;
padding : 0;
}
.mobiile {
font-size : 14.5px !important ;
font-family : 'Roboto', sans-serif !important ;
color : white;
margin-left : 10px;
}
.mobilee {
position : absolute;
right : 14px;
}
.mobil00 {
left : -509%;
position : absolute;
width : 195px;
}
.logo-margin {
height : 31px;
padding : 3px 8px 5px 8px;
font-family : calibri;
font-size : 14.5px;
}
label {
font-size : 12px;
color : #666;
}
.bootsp {
padding-right : 8px;
}
.part_mch {
font-size : 14px;
font-family : 'Hind', sans-serif;
color : #1c35b3;
}
.part_mchs {
font-size : 14px;
font-family : 'Hind', sans-serif;
margin-left : 4px;
color : #1c35b3;
}
.mobilpp {
left : -400%;
position : absolute;
width : 160px; z-index: 8000;
}
a:hover {
text-decoration : none;
}
.mem_my {
color : #704db0;
font-size : 13.5px;
font-family : 'Roboto', sans-serif;
padding : 7px 4px;
margin-top : 7px;
background-color : #fff;
}
.hpad {
width : 62px;
}
.hpad1 {
width : 90px;
}
.navbar-toggle {
position : absolute;
float : right;
margin-top : -28px;
right : 0;
}
.navbar {

margin-bottom : 10px;
border : transparent solid 0;
}
.p_bg {
margin-top : 5px;
padding-left : 0;
padding-right : 0;
}
.m-font {
font-family : Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size : 15px;
line-height : 24px;
}
.panel-heading {
padding : 1px 3px 1px 5px;
}
.lan_panel {
margin-left : 0;
}
.dropdown-submenu {
position : relative;
}
.dropdown-submenu .dropdown-menu {
top : 0;
left : 100%;
margin-top : -1px;
}
.btn_nm {
background-color : #1b5fa2;
border : none;
color : white;
padding : 5px 10px;
font-size : 14px;
cursor : pointer;
border-radius : 5px;
margin-top : 1px;
}
.btn_nm:hover {
background-color : royalblue;
}
.mlag {
position : absolute;
z-index : 1000;
right : 50px;
top : 32px;
padding : 0;
}
.new_fffont {
font-family : arial;
font-size : 12px;
color : #fff;
font-weight : bold;
}
.refine_s {
font-family : 'Roboto', sans-serif;
font-size : 15px;
margin : 0;
padding : 2px;
text-align : right;
}
.refine_bt {
padding : 5px 5px;
}
.btn_nmm {
background-color : #1b5fa2;
border : none;
color : white;
padding : 5px 10px;
font-size : 14px;
cursor : pointer;
}
.btn_nmm:hover {
background-color : royalblue;
}
.view-thumb, .view-thumb:hover {
background : #fff;
padding-bottom : 0;
margin-bottom : 10px;
}
.sliider {
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
background : #fff;
}
.panel-success > .panel-heading {
background-image : linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
}
.panel-count > .panel-heading {
background-image : linear-gradient(to top, #4481eb 0%, #04befe 100%);
}
.count_1 {
border : none;
}
.panel-primary > .panel-heading {
background-image : linear-gradient(to top, #4481eb 0%, #04befe 100%);
}
.middle-navi, .middle_nav {
background : #f270d3;
margin-top : 0;
}
.dropdown-menu > li > a {
font-family : 'Roboto', sans-serif;
}
.btn_lefthep {
margin-left : -100%;
}
.news_m {
font-family : 'Roboto', sans-serif;
font-size : 16px;
}
.style_hdr {
height : 84px;
}
.mmybtn {
margin-top : 21.4px;
padding-left : 0;
}
.new_login_c {
margin-top : 0;
}
.moble_side {
margin-top : 6px;
}
.s-margin {
background-color : #fff;
border-radius : 4px;
padding : 0 0 0 20px;
}
.omargin {
padding : 0;
}
.groom_f {
font-size : 16px;
}
.my_width {
width : 88px;
}
.my_width1 {
width : 70px;
}
.boot_rad {
text-align : center;
border : #d8e1e8 solid 1px;
border-radius : 20%;
width : 26px;
height : 24px;
margin-right : 5px;
padding : 3px 0 0 2px;
}
.boot_rad1 {
text-align : center;
border : #d8e1e8 solid 1px;
border-radius : 20%;
width : 26px;
height : 24px;
margin-right : 5px;
padding : 4px 0 0 1px;
}
.dropdown-header, .dropdown-menu > li > a {
padding : 3px 10px;
line-height : 1.42857143;
}
.space_m {
margin : 0 0 0 3px;
padding : 0;
}
.padd_rr {
padding-right : 8px;
padding-left : 8px;
width : 49%;
}
.rg_bot {
margin-bottom : 10px;
}
.red {
color : #fb5d63;
font-size : 15px;
}
.padd_rrr {
padding-right : 8px;
padding-left : 8px;
width : 32%;
}
.cm_w {
margin-top : 0;
}
.fs-wrap {
cursor : pointer;
line-height : 17px;
font-size : 13.5px;
font-family : calibri;
}
.rg_to {
margin-top : 10px;
}
.form-control {
font-size : 12px;
}
.rg_ht {
margin-top : 0;
}
.ship_m {
margin-top : 20px;
}
.paybtn2 {
margin-top : 6px !important ;
}
.space-top {
margin-top : 0;
}
.wow_m {
margin-left : 3px;
padding : 0;
}
.btn-success.btn-outline2 {
padding : 0 1px;
font-size : 12px;
margin-left : 0;
border : none;
}
.int_c {
font-family : calibri;
font-size : 15px;
}
.outline_3 {
padding : 0 0 !important ;
font-size : 12px !important ;
}
.outline_4 {
padding : 0 1px !important ;
font-size : 12px !important ;
}
.outline_5 {
padding : 0 14px !important ;
font-size : 12px !important ;
}
.il_1 {
margin-left : 0 !important ;
}
.int_new {
margin-left : 0;
}
.m_myprofile {
box-shadow : none !important ;
padding : 0;
margin-bottom : 5px;
margin-top : 3px;
}
.nav-side-menu .active a {
border-left : 3px solid #4397ea !important ;
background-color : #1b5fa2 !important ;
}
.nav-side-menu ul {
border : #ececec solid 1px !important ;
}
.brand {
text-align : right !important ;
font-size : 16px;
padding-left : 20px;
line-height : 22px !important ;
background : #f7fafb !important ;
color : #116495 !important ;
padding-right : 40px;
border-bottom : 1px solid #ccc;
padding-bottom : 8px;
}
.nav-side-menu .toggle-btn {
top : 2px;
padding : 1px;
background-color : #fffdf6;
color : #3e3b3b;
width : 35px;
}
.account_pad {
padding-top : 10px;
}
.accout_mr {
padding-right : 53px !important ;
padding-top : 5px !important ;
}
.smk_accordion .accordion_in .acc_head {
font-size : 16px;
line-height : 20px;
}
.smk_accordion .accordion_in .acc_head {
font-weight : normal;
}
.smk_accordion {
margin-bottom : 0;
}
.resel_f {
margin : 5px 0;
}
.search_ffont {
font-family : 'Roboto', sans-serif;
font-size : 19px;
margin : 0;
}
.search_fm {
margin-top : 10px;
}
.font_new {
color : #0063a7;
font-size : 15px;
line-height : 22px;
font-family : 'Roboto', sans-serif;
}
.resller_bor {
border-bottom : 2px solid #ff78c4;
margin : 0;
padding : 0 0 5px 0;
color : #363636;
font-family : 'Roboto', sans-serif;
font-size : 15px;
}
.resller_on {
margin-top : 6px;
}
.mail_font {
font-size : 16.5px;
}
.mobili_nav {
background : #ec6cde;
height : 35px;
border-top : 2px solid #e330d0;
border-bottom : 0 solid #e330d0;
margin-top : 3px;
}
.per-h3 {
font-size : 13px;
color : #2b2b2b;
font-family : 'Roboto', sans-serif;
letter-spacing : 0.50px;
line-height : 15px;
font-weight : normal;
}
.img-contain {
width : 60px;
height : 60px !important ;
border-radius : 80px;
}
.data_1 {
margin : 0 0 80px;
}
.styled-select {
border : #fbbbf4 solid 1px;
box-sizing : border-box;
border-radius : 6px;
position : relative;
width : 80px;
transition : all 0.5s;
}
.styled-select select {
height : 29px;
background : none;
color : #fff;
font-family : 'Roboto', sans-serif;
border-radius : 4px;
}
.fa-sort-desc {
position : absolute;
top : 5px;
right : 12px;
font-size : 17px;
color : #fff;
}
.panel-success > .panel-heading {
padding : 4px 0 2px 3px;
}
.top_social {
position : absolute;
top : 10px;
right : -5px;
width : 80px;
padding : 0 0 0 0;
}
.nav > li > a {
padding : 5px 5px;
text-align : center;
}
.ope_margin {
margin-right : 0;
}
.meem_bor {
font-size : 14px;
}
.fill {
font-size : 13px;
line-height : 15px;
margin : 0;
}

.space_font {
font-weight : 700;
font-size : 13px;
color : #fff;
}
.online_mar {
margin-top : 12px;
}
.lon_afr {
top : -15px;
right : 5px;
position : absolute;
z-index : 200;
}
.help {
width : 38px;
}
.sub_mn {
margin : 0;
padding : 0 0 0 10px;
}
.sub_mn ul {
list-style-type : none;
margin : 0;
padding : 0;
background-color : #333;
}
.sub_mn li {
float : left;
list-style-type : none;
padding : 0 5px;
}
.sub_mn li a {
display : block;
color : white;
padding : 14px 16px;
text-decoration : none;
}
.edti {
margin-top : 2px;
}
.edt0 {
padding : 0;
}
.v-margin12 {
margin-top : 5px;
padding-left : 4px;
}
.my_bor2 {
background : #f7fafb;
padding : 3px 0;
}
.my_bor1 {
margin-top : 0;
}
.ph-m {
margin-top : 0;
}
.heading-v {
margin : 0;
padding : 0;
}
.custom_mode {
padding : 5px;
font-family : 'Roboto', sans-serif;
}
.edit_my {
margin-top : 10px;
margin-left : 14px;
padding : 4px 6px !important ;
}
.what_mes {
margin-top : 20px;
}
.about_shared {
font-size : 14px;
font-weight : normal;
color : #e3138d;
padding-left : 5px;
font-family : 'Roboto', sans-serif;
}
.per_sha {
font-size : 14px;
}
.per_bio {
margin-bottom : 12px;
}
.ad_f {
text-align : left;
padding-left : 0;
}
.save_s {
margin-top : 0;
}
.save_mr {
margin-bottom : 8px;
}
.p_bgnew {
padding-left : 8px;
padding-right : 5px;
}
.view-m {
margin-top : 0;
}
.part_ner {
padding : 0;
}
.part_ner1 {
padding : 0 0 0 2px;
}
.otp_mro {
margin-top : 18px;
}
.pay_text {
font-size : 15px;
line-height : 20px;
margin-top : 5px;
}
.main_pay {
margin-top : 4px;
}
html, body {
overflow-x : hidden;
}
body {
position : relative;
font-size : 13px;
}
.nav-side-menu ul {
margin-top : 10px !important ;
}
.new_nme {
margin-top : 5px;
margin-bottom : 5px;
}
.form-group {
margin-bottom : 8px;
}
.nav-side-menu {
background-color : #f7fafb !important ;
}
.lable_gen {
padding-left : 9px !important ;
}
.first_f{color:#ffffff; font-weight: bold; font-family: calibri; font-size: 13px; letter-spacing: 0.70px;}
.my_bar2{ margin-top: 25px;}
.my_btn{padding:0.1px}
.edit_gen {margin-top: 4px;}
.edit_bto{padding:4px 12px!important;}
.v-margin{padding-left:0px;}
.crde{margin-left:15%;}
.paybtn{font-size:17px!important;}
.paybtn2{font-size:17px!important; padding:6px 30px!important;}
.panell{padding:0px;}
.panelt{margin-top:5px; margin-bottom:3px;}

}

@media (min-width: 320px) and (max-width: 500px) {
.int_n {margin : 0 0 0 0; padding : 0;
}
.int_w {
width : 42%;
margin : 0 0 0 0;
padding : 0;
}
.r_search {
margin-top : 35%;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.mem_my {
height : 60px;
}
.int_p {
margin-left : 0;
}
.int_w {
width : 100%;
margin-left : 0;
margin-bottom : 5px;
margin-top : 5px;
padding : 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.int_p {
margin-left : 28px;
}
.int_w {
width : 32%;
margin-left : 18px;
}
.view-m {
margin : 10px 0 0 70px;
}
}
@media (min-width: 200px) and (max-width: 334px) {
.pay_margin {
margin : 0;
padding : 0;
}
.r_search {
margin-top : 35%;
}
.package {
width : 45%;
height : auto;
background-color : #00b050;
margin-left : 10px;
margin-top : 3px;
border-radius : 0;
}
.payment {
width : 94%;
height : auto;
background-color : #0070c0;
margin : 5px;
border-radius : 0;
}
.pay_img {
width : 130px;
margin : 0;
}
.pay_text {
margin-top : 5px;
}
.member_f {
font-size : 20px;
}
.pay_imgf {
font-size : 18px;
}
.payment_m {
margin : 0;
padding : 0;
}
.payment_mar {
margin-top : 0;
}
.form-horizontal .control-label {
text-align : left;
}
legend {
margin-bottom : 0;
}
.pay_f {
font-size : 18px;
}
.water_markm {
width : 205px;
height : 99px;
background : url("../img/watermark_m.png");
position : absolute;
top : 13%;
left : 30%;
}
}
@media (min-width: 335px) and (max-width: 767px) {
.water_markm {
width : 205px;
height : 99px;
background : url("../img/watermark_m.png");
position : absolute;
top : 13.5%;
left : 34%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.water_markm {
width : 205px;
height : 99px;
background : url("../img/watermark_m.png");
position : absolute;
top : 10%;
left : 64%;
}
}
@media (min-width: 200px) and (max-width: 460px) {
.share_m {
margin-top : 60px;
}
.r_search {
margin-top : 35%;
}
}
@media (min-width: 461px) and (max-width: 767px) {
.share_m {
margin-top : 0;
}
}
@media (min-width: 461px) and (max-width: 767px) {
.modalbox-main {
width : 100%;
left : 0%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 321px) and (max-width: 350px) {
.per_h3 {
line-height : 15px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.sty {
font-size : 20px;
font-family : Arial;
text-align : right;
padding-right : 5px;
}
.style {
font-size : 16px;
font-family : Arial;
text-align : right;
padding-right : 5px;
}
.cus_bttn {
padding : 2px 12px !important ;
}
.pacc {
font-size : 16px;
}
.paytm {
right : 0;
top : 90% !important ;
top : 95.3% !important ;
left : 45%;
}
.member_2 {
height : 205px;
}
.panel_h {
padding : 8px;
}
.panel_i {
margin-top : 0;
}
.news_m {
text-align : left;
line-height : 28px;
padding-left : 5px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 768px) and (max-width: 1218px) {
.member_2 {
height : 190px;
}
.ur_m {
margin-top : 0;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.blink-text {
color : #ffffff;
font-weight : bold;
font-family : calibri;
font-size : 20px;
}
.fill {
font-size : 16px;
}
}
@media (min-width: 320px) and (max-width: 460px) {
.my-nav {
margin : 0 0 0 0;
padding : 0;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.my-nav {
margin : 0 0 0 0;
padding : 0;
}
.disco_w {
width : 160px;
line-height : 20px;
left : 70%;
top : 1%;
position : absolute;
font-family : calibri;
font-size : 19px;
color : #0544ae;
}
.offer_disco {
animation : blinkingText 0.90s infinite;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.my-nav {
margin : 10px 0 0 0;
padding : 0;
}
.disco_w {
width : 160px;
line-height : 20px;
left : 60%;
top : 1%;
position : absolute;
font-family : calibri;
font-size : 19px;
color : #0544ae;
}
.offer_disco {
animation : blinkingText 0.90s infinite;
}
}

@media (min-width: 320px) and (max-width: 339px) {
.bt_mb1 {
margin-left : 7%;
}
.bt_mb2 {
margin-left : 3%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 340px) and (max-width: 359px) {
.bt_mb1 {
margin-left : 10.5%;
}
.bt_mb2 {
margin-left : 3%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 360px) and (max-width: 380px) {
.bt_mb1 {
margin-left : 11.5%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 381px) and (max-width: 450px) {
.bt_mb1 {
margin-left : 15%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 451px) and (max-width: 767px) {
.bt_mb1 {
margin-left : 19%;
}
.mmt {
position : absolute;
font-family : calibri;
font-size : 17px;
font-weight : bold;
color : #0867a8;
margin-top : 57px;
left : 18%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 320px) and (max-width: 340px) {
.hpad {
width : 54px;
font-size : 12px;
}
.hpad1 {
width : 80px;
font-size : 12px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.new_lges {
margin-top : 0.20px;
position : absolute;
z-index : 1000;
left : 47%;
width : 135px;
}
.logo_login {
position : absolute;
margin-top : 26%;
}
.help_mm {
margin-top : 0;
position : absolute;
z-index : 999;
left : 32%;
}
.logo-margin {
margin-top : 0;
}
}
@media (min-width: 320px) and (max-width: 460px) {
.mlag {
position : absolute;
z-index : 100;
right : 50px;
top : 23px;
padding : 0;
}
.tab-content .tab-pane {
padding : 20px 3px 5px 0;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 461px) and (max-width: 768px) {
.mlag {
position : absolute;
z-index : 600;
right : 50px;
top : 12px;
padding : 0;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 320px) and (max-width: 400px) {
.payment_otp {
margin-top : 20%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 401px) and (max-width: 460px) {
.payment_otp {
margin-top : 17%;
}
.r_search {
margin-top : 30%;
}
}

@media (min-width: 461px) and (max-width: 600px) {
.payment_otp {
margin-top : 10%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.payment_otp {
margin-top : 7%;
}
}
@media (min-width: 320px) and (max-width: 400px) {
.payment_otpo {
margin-top : 18%;
}
}
@media (min-width: 401px) and (max-width: 460px) {
.payment_otpo {
margin-top : 15%;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 461px) and (max-width: 600px) {
.payment_otpo {
margin-top : 8%;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.payment_otpo {
margin-top : 6%;
}
}
@media (min-width: 320px) and (max-width: 370px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 0;
width : 300px;
}
}
@media (min-width: 371px) and (max-width: 380px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 10px;
width : 300px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 381px) and (max-width: 390px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 20px;
width : 300px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 391px) and (max-width: 395px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 25px;
width : 300px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 396px) and (max-width: 420px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 35px;
width : 300px;
}
}
@media (min-width: 421px) and (max-width: 450px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 45px;
width : 300px;
}
}
@media (min-width: 451px) and (max-width: 470px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 55px;
width : 300px;
}
}
@media (min-width: 471px) and (max-width: 500px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 75px;
width : 300px;
}
}
@media (min-width: 501px) and (max-width: 550px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 30%;
width : 300px;
}
}
@media (min-width: 551px) and (max-width: 590px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 35%;
width : 300px;
}
}
@media (min-width: 591px) and (max-width: 767px) {
.meem_btnlt {
font-family : 'Hind', sans-serif;
font-size : 15px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
left : 0%;
width : 300px;
}
.mml_top {
margin-top : 3px;
max-width : 235px;
max-height : 65px;
display : block;
margin-left : 20px;
}
}
@media (min-width: 320px) and (max-width: 590px) {
.mml_top {
margin-top : 3px;
max-width : 235px;
max-height : 65px;
display : block;
margin-left : auto;
}
}
@media (min-width: 320px) and (max-width: 330px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 243px;
}
}
@media (min-width: 331px) and (max-width: 350px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 250px;
}
}
@media (min-width: 351px) and (max-width: 360px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 270px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 361px) and (max-width: 380px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 280px;
}
.r_search {
margin-top : 30%;
}
}
@media (min-width: 381px) and (max-width: 400px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 310px;
}
}
@media (min-width: 401px) and (max-width: 450px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 340px;
}
}
@media (min-width: 451px) and (max-width: 500px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 370px;
}
}
@media (min-width: 501px) and (max-width: 600px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 420px;
}
}
@media (min-width: 601px) and (max-width: 650px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 500px;
}
}
@media (min-width: 651px) and (max-width: 700px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 560px;
}
}
@media (min-width: 701px) and (max-width: 767px) {
.panel-warning > .panel-heading {
color : #4c5308d9;
background-color : #f7fafb;
border-radius : 0;
border-bottom : 1px solid #ccc;
width : 620px;
}
}
@media (min-width: 200px) and (max-width: 450px) {
.logo_pro {
margin-top : 3px;
max-width : 230px;
max-height : 60px;
margin-left : auto;
margin-right : auto;
}
.logo_pro1 {
margin-top : 3px;
max-width : 230px;
max-height : 60px;
margin-left : auto;
margin-right : auto;
}
}
@media (min-width: 200px) and (max-width: 450px) {
.logo_after {
font-family : 'Hind', sans-serif;
font-size : 14px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
margin-left : 16%;
}
.logo_after1 {
font-family : 'Hind', sans-serif;
font-size : 14px;
color : #0867a8;
text-align : center;
margin : 3px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
margin-left : 17%;
}
}
@media (min-width: 451px) and (max-width: 767px) {
.logo_pro {
margin-top : 3px;
max-width : 230px;
max-height : 60px;
margin-left : 0;
}
.logo_pro1 {
margin-top : 3px;
max-width : 230px;
max-height : 60px;
margin-left : auto;
margin-left : 0;
}
}
@media (min-width: 451px) and (max-width: 767px) {
.logo_after {
font-family : 'Hind', sans-serif;
font-size : 14px;
color : #0867a8;
text-align : center;
margin : 2px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
margin-left : 0;
}
.mlag {
top : 23px;
}
.logo_after1 {
font-family : 'Hind', sans-serif;
font-size : 14px;
color : #0867a8;
text-align : center;
margin : 3px 0 0 0;
font-weight : 600;
letter-spacing : 0.50px;
position : absolute;
margin-left : 0%;
}
}
@media (min-width: 320px) and (max-width: 350px) {
.help_supp {
margin-left : -560% !important ;
}
}
@media (min-width: 351px) and (max-width: 380px) {
.help_supp {
margin-left : -490% !important ;
}
}
@media (min-width: 381px) and (max-width: 400px) {
.help_supp {
margin-left : -450% !important ;
}
}
@media (min-width: 401px) and (max-width: 450px) {
.help_supp {
margin-left : -400% !important ;
}
}
@media (min-width: 401px) and (max-width: 500px) {
.help_supp {
margin-left : -250% !important ;
}
}
@media (min-width: 501px) and (max-width: 600px) {
.help_supp {
margin-left : -200% !important ;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.help_supp {
margin-left : -160% !important ;
}
}
@media (min-width: 320px) and (max-width: 350px) {
.handle-counter input {
width : 55.5% !important ;
border-width : 1px;
}
}
@media (min-width: 351px) and (max-width: 370px) {
.handle-counter input {
width : 57% !important ;
border-width : 1px;
}
}
@media (min-width: 371px) and (max-width: 394px) {
.handle-counter input {
width : 63% !important ;
border-width : 1px;
}
}
@media (min-width: 395px) and (max-width: 400px) {
.handle-counter input {
width : 65% !important ;
border-width : 1px;
}
}
@media (min-width: 401px) and (max-width: 450px) {
.handle-counter input {
width : 66% !important ;
border-width : 1px;
}
}
@media (min-width: 451px) and (max-width: 500px) {
.handle-counter input {
width : 72% !important ;
border-width : 1px;
}
}
@media (min-width: 501px) and (max-width: 550px) {
.handle-counter input {
width : 74% !important ;
border-width : 1px;
}
}
@media (min-width: 551px) and (max-width: 600px) {
.handle-counter input {
width : 77% !important ;
border-width : 1px;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.handle-counter input {
width : 80% !important ;
border-width : 1px;
}
}