/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    a#mm-sign-in {
        display: none;
    }
    .xs-hide{
        display:none!important;
    }

	.xs-show{
        display:block!important;
    }

	body{
		/*background: red;*/
	}
	header.header.menu_fixed.sticky {
	    height: 65px;
	    position: static;
	}

	#logo img {
	    width: 250px;
	    height: 100%;
	}
	header.header.menu_fixed.sticky {
	    height: 55px;
	    position: static;
	}

	#logo img {
	    width: 250px;
	    height: 55px;
	    max-height: 55px!important;
	    max-width: 250px!important;
	        object-fit: contain;
	}
	
	header.header.sticky {
    max-height: 55px!important;
}

	img.header-bottom-img {
	    position: static;
	    height: 10px;
	}
div#paltinum_section {
    display: none!important;
}
section#star_section {
    display: none!important;
}
.row.footer-top ul {
    column-count: 2!important;
}
	.hero_single.version_2 {
	    background: #CB356B;
	    background: -webkit-linear-gradient(to right, #BD3F32, #CB356B)!important;
	    background: linear-gradient(to top, #BD3F32, #CB356B)!important;
	    height: auto;
	    padding: 20px 5px;
	}

	.hero_single.version_2 .wrapper h3 {
	    font-size: 1.1rem;
	    margin: 0;
	   margin-top: 25px;
	}

	.hero_single.version_2 .wrapper {
	    background: transparent;
	}

	form.home-form {
	    width: 100%;
	}
	form.home-form select {
	    width: 100%;
	    height: 30px;
	}

	.home-form .form-group {
	    width: 100%;
	}

	.margin_30 {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	.home .bg_color_1 .text-center h3 {
	    font-size: 1.2rem;
	}
	a.box_cat_home {
	    margin: 0;
	    padding: 5px;
	}

	a.box_cat_home img {
	    width: 65px;
	    height: 100%;
	}

	a.box_cat_home h3 {font-size: 0.8rem;}

	.star-bg {
	    padding-bottom: 30px;
	}

	svg.curve-shape {
	    height: 25px;
	}

	.main_title_2 h2 {
	    font-size: 1.4rem;
	    margin: 10px;
	}

	a.grid_item {
	    height: 100%;
	    margin-bottom: 15px;
	}

	/*section.home-app-download {*/
	/*    display: none;*/
	/*}*/
	
	section.home-app-download .col-md-4 {
        order: 2;
    }
	.counselling {
	    display: none;
	}
	.mm-menu.mm-theme-dark {
	    background: #CB356B!important;
	    background: -webkit-linear-gradient(to right, #BD3F32, #CB356B)!important;
	    background: linear-gradient(to right, #BD3F32, #CB356B)!important;
	    color: #fff!important;
	}

	.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar>*, .mm-menu.mm-theme-dark em.mm-counter {
	    color: #fff;
	    font-weight: 600;
	}

	ul.mm-listview li a {
	    color: #fff;
	    /*font-weight: 600;*/
	}

	.mm-listview>li>a, .mm-listview>li>span {
		padding: 5px 10px 5px 10px;
	}

	img.account-logo {
	    display: inline-block;
	}

	ul.mm-listview li a {
	    display: block;
	}
	ul.mm-listview li:last-child {
    display: none;
    }
	.filters_listing {
	    /*position: fixed;*/
	    bottom: 0;
	    top: unset!important;
	    margin: 0;
	    padding: 5px 0;
	}

	.layout_view > a {
		font-size: 10px!important;
	    padding: 5px 2px;
	    display: inline-block;
	    width: 100%;
        margin: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
	}


	.layout_view > a i {
		font-size: 18px;
		display: inline-block;
		margin-bottom: 2px;
	}

	.filters_listing ul {
		display: flex;
		justify-content: space-around;
		/*flex-direction: column;*/
	}

	.filters_listing ul li {
	    margin-right: 0;
	}
	.layout_view {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.filters_listing ul li:nth-child(3){
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.layout_view .dropdown-menu {
		box-shadow: none;
		background: #CB356B;
		background: -webkit-linear-gradient(to right, #BD3F32, #CB356B);
		background: linear-gradient(to bottom, #BD3F32, #CB356B);
		color: #fff;
	}

	.layout_view .dropdown-menu a {
	    color: #fff;
	}
	header.sticky .hamburger-inner, header.sticky .hamburger-inner::before, header.sticky .hamburger-inner::after, header.header_in .hamburger-inner, header.header_in .hamburger-inner::before, header.header_in .hamburger-inner::after {
	    background-color: #ca3567;
	}
	.hamburger-inner::after {
	    bottom: -6px;
	}
	.hamburger-inner::before {
	    top: -6px;
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	    width: 15px;
	    height: 3px;
	 }

	 .dashboard-sidebar a:not(.btn-bg) {
	 	width: 49%;
	 	display: inline-block!important;
	 	/*height: 135px;*/
	 	vertical-align: middle;
	 	/*margin: 8px 2px;*/
	 	font-size: 0.72rem;
	 	text-align: center;
	 }
	 .dashboard-sidebar a img {
	     display: block;
	     margin: 10px auto;
	 }

	 .dashboard-sidebar a span {
	     display: block;
	     text-align: center;
	 }

	 .dashboard .list-group {
	     display: block;
	     text-align: center;
	 }

	 .dashboard-sidebar a.upgrade {
	     width: 100%;
	     height: auto;
	 }
	 .star-member .wrapper {
	     transform: scale(1);
	     position: static;
	     width: 50%;
	     display: inline-block;
	     padding: 5px 10px;
	     z-index: 1;
	 }

	 a.grid_item {
	     width: 45%;
	     display: inline-block;
	     margin: 0;
	 }

	 .star-member .wrapper h5 {
	     display: none;
	 }

	 .star-member .wrapper h5 + p {
	     display: none!important;
	 }

	 a.grid_item figure {
	     height: 100%;
	 }
	 
	 a.grid_item figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


	 .star-member h3 small.profile-age {
	     padding: 4px;
	     font-size: 0.6rem;
	 }

	 .star-member a.grid_item .info h3 {
	     font-size: 1rem!important;
	     margin:5px;
	 }

	 a.grid_item .info {
	     padding: 10px 5px;
	 }
	 .star-member {
	     display: flex;
	     margin-bottom: 15px;
	 }

	 .star-member .wrapper p {
	     overflow: hidden;
	     text-overflow: ellipsis;
	     overflow: hidden;
	     text-overflow: ellipsis;
	     display: -webkit-box;
	     -webkit-line-clamp: 5; /* number of lines to show */
	     -webkit-box-orient: vertical;
	 }

	 .star-member .wrapper a.btn_add {
	     display: block;
	     padding: 6px 5px!important;
	 }
	 .strip.grid {
	     display: flex;
	     flex-direction: column;
	 }

	 .strip figure {width: 100%;}

	 .strip figure small {
	     display: none;
	 }

	 .strip .wrapper {width: 100%;}

	 .strip figure a img {height: 100%;}

	 .strip .wrapper h3 {
	     font-size: 1.2rem;
	     margin: 5px 0;
	     display: flex;
	     flex-direction: column-reverse;
	     font-weight: 800;
	 }

	 .pltnm-sm {
	     display: block;
	 }

	 .pltnm-sm a.btn_add {
	     display: block;
	     padding: 5px!important;
	     margin: 10px auto;
	 }

	 .strip .wrapper h3 a {
	     color: #ffcf27;
	 }
	 .strip .wrapper p i {
	     display: none;
	 }
	 .call_section_2 {
	     background: #2980B9;  /* fallback for old browsers */
	     background: -webkit-linear-gradient(to top, #FFFFFF, #6DD5FA, #2980B9);  /* Chrome 10-25, Safari 5.1-6 */
	     background: linear-gradient(to top, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	 }

	 .call_section_2 h3 {
	     text-shadow: 1px 1px black;
	     font-size: 1.4rem;
	     line-height: 1.5;
	 }

	 .call_section_2 p {
	     filter: none;
	     font-weight: 500;
	     text-align: justify;
	     margin-bottom: 5px;
	 }
	 .db-suggestions  a.grid_item {
	     width: 100%;
	     display: block;
	     height: 200px;
	 }

	 .db-suggestions  .star-member {
	     flex-direction: column;
	 }

	 .db-suggestions .star-member .wrapper {
	     position: static;
	     width: 100%;
	 }
	 .db-membership p {
	     text-align: left;
	     font-size: 1.3rem;
	 }

	 .db-membership p small {
	     font-size: 0.8rem;
	 }

	 .db-top h5 {
	     font-size: 1.5rem;
	     margin: 0;
	 }
	 ul#top_menu a.btn_add.btn-bg {
	     display: block;
/*	     border-radius: 0!important;
	     border: 1px solid #fff;
	     padding: 5px 0!important;*/
	     margin-bottom: 10px;
	 }

	 ul#top_menu {
        position: fixed;
        bottom: 0;
        z-index: 99;
        display: flex;
        left: 0;
        align-items: center;
        background: #fdfdfd;
        border-top: 2px solid red;
        width: 100%;
        height: 70px;
        margin: 0;
  }

	 ul#top_menu li:last-child {
	     position: static;
	 }

	 ul#top_menu li {
	     width: 38%;
	     display: inline-flex;
	 }
	 ul#top_menu li a.login img {width: 20px;}
	 div#container {
        max-width: 100%;
        width: 100%;
        padding: 10px 30px;
    }
    .profile-row figure img {
        width: 100%;
    }
    
    .profile-row {
        background: #00bcd426;
        padding: 10px;
        margin: 10px 0px;
    }
    
    .profile-row .box_detail {
        margin-bottom: 0;
    }
    .filters_listing.edu_occ_prof .layout_view {
    display: block;
    }
    
    .filters_listing.edu_occ_prof .layout_view > a i:first-child {
        display: none;
    }
    
    .filters_listing.edu_occ_prof .layout_view > a i {
        font-size: 10px;
    }
    .filters_listing.edu_occ_prof .layout_view > a {
     width: auto;
    }
    .filters_listing.edu_occ_prof div#collapseIncome {
        height: 50vh!important;
        overflow: auto;
    }
    .mm-menu.mm-opened.mm-pagedim-black~#mm-blocker {
        z-index: 99;
    }
    nav.secondary_nav.sticky_horizontal_2.view-profile-nav.is_stuck {
    top: 50px!important;
    }
    
    .secondary_nav ul li {
        margin-right: 8px;
    }
    
    .open-msg #messages {
    position: absolute;
	top: 20%;
    }

    .open-msg button#back-msg{
        display: inline-block;
    }

    .open-msg .message-wrapper {
        max-height: 65vh;
    }
    .open-msg .user-wrapper {
        visibility: hidden;
    }
    #messages{
        visibility: hidden;
    }
    .open-msg #messages {
        visibility: visible;
    }
    
    
    /*new design*/
    
   

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

	/*.xs-show{*/
 /*       display:block!important;*/
 /*   }*/

	body{
		/*background: yellow;*/
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

	body{
		/*background: green;*/
	}
	.xs-show{
	    display:none;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

	body{
		/*background: pink;*/
	}
	.xs-show{
	    display:none;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

	body{
		/*background: blue;*/
	}
	.xs-show{
	    display:none;
	}
}