/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	
	
/* STYLES GO HERE */
	.moboadd{ display: none;}
.imgins{ margin-top:45px; padding:0px;}
.hrighttemp img{ width:129px;}
.mpright{ padding-top:16px !important;}
.basic_infor{ margin-top:0px;}
.basic_infor button{ float:left;}
	.btn.focus, .btn:focus, .btn:hover {
   
    text-decoration: none;
}
	.loginbc {
    background: url(../image/loginbcmobo.jpg) no-repeat; background-size: cover;
      
}
	.hmobotop{ margin-bottom: 61px;}
.vvprofile button{width: 82%;}
.btn.btn-danger.rgsbutton.rgs {
    padding: 7px 15px;
}

.c-menu__item button{margin: 7px 0 8px 0;}
.c-menu__item .dropdown-menu{ margin-left:22px;border-radius: 0px;}
.pleft{ padding:0px !important}
.messagemenu{ margin-top:0px !important;}
.maincontentinner{ padding:0px !important;}
.mbanner img{ width:330px}
.mbanner .btn.btn-danger { margin: 0 0 12px 0; padding: 7px 21px;}
h3 { font-size:16px; font-weight:bold;}
p{ font-size:13px;}
.mprofileview img{ width:85px; float:left; margin:0px 15px 5px 0;}
.editphoto{width: 20px;left: 77px;font-size: 14px; bottom:6px;}
.mpleftside h2{ font-size:16px;}
.mpleftside{ margin-right:0px;}
.pright{ padding-right:0px !important;}
.vprofile img{ margin-top:0px;}
.vdetail{ font-size:12px;}
.pleft h3{ margin:0px;}
.mobbackground{ background:#ffffff;}
.mprofileview{}
.mprofileview small{ color:#BF9580; margin-bottom:6px; display:block;}
.mpleftside{ min-height:1034px;}
	.StepTitle {

    font-size: 18px;

}
	.privacy{float: none;}
	.rgsbutton {
    background: #FD4E4E !important;
    border: none;
    border-radius: 0px;
    padding: 8px 6px;
    margin: 14px 0 8px 0px; font-size: 12px;
}
	.sidebar_h{display: none;}
	
	.verticaltab .tab-content{ margin-left: 0px;}
	.h2, h2 h3{ font-size: 17px;}
	.line4{ color: #464545;}
	.line2{ color: #464545;}
	.tab-pane.active{ height: inherit !important;}
	.verticaltab .tabs-left{ margin-top: 18px;}
	.header{}
.footer{ display:none;}
.copyright{display:none;}
.wedding{display:none;}
.fingap{display:none;}
.hleft{display:none;}
.register{ float:none; margin-left:40px; background:none; box-shadow:none}

.register h3{ color:#fff; font-size: 22px; font-weight: lighter;}
.registerfooter span{ color:#fff;}
.mk-trc{ color:#fff;}
.mobologin button{ margin:15px 0 0 70px;}
.modal-content{ border-radius:0px; height:480px;}
.modal-dialog{ margin:0px;}
.mainbanner{ background:url(../image/loginbcmobo.jpg) no-repeat; min-height:630px; background-size: cover; }
.header-nav-bar{display:none;}
.ssearchbar{display:none;}
.drop{display:none !important;}
#mmc-chat{display:none;}
.pright{}
.col-md-2.no-padding.minpro > ul {
    position: absolute;
    top: 4px;
    z-index: 3;
	right: 30px;
}	
.hidmobo {line-height: 50px;font-size:20px;}
.o-wrapper {
    padding: 0 16px 0 20px !important;
   
}
	.header-search-bar ul li a i{color:#ffffff !important; }
	.header-search-bar{ background: none !important; border-top: 0px !important; padding: 0px !important;}
	.header-search-bar ul {margin: 12px 0px 0px;}
	#notificationContainer{ margin-left: -193px;}
	#notificationContainer::before{ margin-left: 193px}
	#notificationContainer2{margin-left: -237px;}
	#notificationContainer2::before{ margin-left: 231px}
	#notification_count{ margin-top: -14px; margin-left: 11px;}
	#notification_count2{margin-top: -14px; margin-left: 11px;}
	.pleft h3{ font-size: 14px; margin-left:15px}
	.searchleft{display:none;}
	.jobs-item .top-btns{ position: relative !important;right: 0px !important; top: 0px !important;}
	.description{display:none;}
	.top-btns a{ font-size: 12px; padding:7px 0px;}
	.jobs-item .title a{ font-size: 14px;}
	.jobs-item .title{ text-align: center;}
	.meta{font-size: 12px; text-align: center; display: block!important;}
	.dnon{display:none;}
	.jobs-item{ padding: 0px !important;border: 1px solid #eee;margin-right: 0;margin-bottom:10px!important;}
	.jobs-item .thumb{margin-right: 0px!important; padding: 0px !important; border: none;}
	.searchright{padding-left: 0px!important; margin-top: 0px !important;}
	.jobs-item .top-btns li{ margin: 0 0 15px 30px!important; text-align: center; align-content: center;}
	.thumb img{}
	.messageleft{ height: 400px !important;}
	.veiw3{ display: none;}
	.messageview {
    overflow: auto;
    height: 449px !important;
}
.msgreply textarea{height: 49px !important;}
}

 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
	.logemail{ margin-top:28px;}
.vvprofile button{width: 95%;}
.messageview {
    overflow: auto;
    height: 301px !important;;
}
.messagemenu{ margin-top:0px;}
.jobs-item .top-btns li {
    margin: 0 0 15px 20px !important;
   
}
.messageview{ height:300px;}
.mbanner img{ width:290px}
.mbanner .btn.btn-danger { margin: 0 0 12px 0; padding: 5px 9px;}
.rgsbutton {
    background: #FD4E4E !important;
    border: none;
    border-radius: 0px;
    padding: 8px 5px;
    margin: 14px 0 8px 0px; font-size: 9px;
}
.editphoto {
    
    bottom: 6px;
}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
.mbanner{ display:none;}
.mobologin{ display:none;}
.o-wrapper{display:none;}
.frind{display:none !important;}

}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
.mbanner{ display:none;}
.mobologin{ display:none;}
.o-wrapper{display:none;}
.frind{display:none !important;}

}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}