/*
* This files is used to made theme responsive/
* All the responsive code codes here
*/

@media screen and (min-width: 768px){
    
    .main-navigation  ul > li{padding:0 20px; position: relative;}
    .sent-message-page  li span.image{
		width: 65px;
	}
	.sent-message-page li span input[type="checkbox"] {
		zoom:1.5;
		outline: none;
	}
	.lm-email-inbox-page span.dspdp-sender-img{
		width:50px;
		padding:0;
	}
	.delete-message-block .dspdp-check input{
		zoom:1.5;
	}
}


@media screen and (max-width: 1200px ) and ( min-width: 768px ) {
	.dating-theme-search-overlay {
	    width: auto;
	    border: 4px solid #5964bd;
	    position: relative;
	    top: 0;
	    left: 0;
	    background: #fff;
	    opacity: 1;
	}

	#dp-main-title-full-width  {
		margin: 0 auto;
	}

	#lm-dating-top-member-tab .dsp_tab1,
	#lm-dating-top-member-tab .dsp_tab1-active {
	    min-width: 79px;
	    padding: 10px 0;
	    text-align: center;
	    border: 1px solid #e6e8f2!important;
	    margin: 0 5px 5px 0;
	}

	#lm-dating-top-member-tab .lm-dsp-edit-profile-tab {
	    margin-left: 0;
	    margin-top: 0;
	    width: 120px;
	    padding: 10px 0 !important;
	    background-color: #d72183 !important;
	}
}

@media screen and (max-width: 1024px ) {
	   .main-navigation  ul > li{
    padding: 0
   }
   #lm-login-menu{padding: 14px 5px;}
   .dating-theme-search-overlay{
       width: 90%;
       margin-top: 40px
   }
   #lm-member-content-area-right .line {
    display: grid;
	grid-template-columns: auto auto auto;
   }
   #lm-member-content-area-right .line:before{
	   display:none;
   }

   .dsp-line{padding: 10px 0;}
   #dsp_plugin #lm-member-content-area-right  .line .dsp_tab1 a, 
   #dsp_plugin  #lm-member-content-area-right  .line .dsp_tab1-active a{font-size: 12px;text-align:center;}
   .new-profile-members .dsp-member-tab, .new-popular-members .dsp-member-tab{
	   display:block;
   }
   .new-profile-members div[class^="dsp_tab"]:first-of-type, .new-popular-members div[class^="dsp_tab"]:first-of-type {
	margin-left: -1px;
	margin-right: -1px;
}
}

@media screen and (max-width: 768px ) {
	.dating-theme-search-overlay {	
		display: none;
	}
	.dsp_meet-_me_container{width: 100%}
	
	.dp-slider-post-title {
	    width: auto;
	    font-size: 40px;
	    color: #fff;
	    font-weight: 100;
	    text-indent: 0;
	    line-height: 35px;
	    text-align: center;
	}
	#lm-login-menu .lm-menu-register{
		padding: 0
	}
.dspdp-member-col, #dsp_plugin .image-container{
	padding: 20px
}
	.dp-slider-post-information {
	       width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    height: 30px;
    vertical-align: middle;
	}

	.dp-slider-post-content {
	    position: relative;
	    width: auto;
	    font-size: 1.8rem;
	    color: #fff;
	    clear: both;
	    right: auto;
	    text-align: center;
	    clear: right;
	    float: none;
	}

	.dp-cta-content {
	    max-width: 90%;
	}
	.dating-theme-call-to-action {
	    padding: 80px 0;
	}

	.video-icon {
	    display: block;
	    margin: 0;
	}
	.video-left-title,
	.video-right-title {
		padding: 20px 0 20px 0;
	}

	.newest-members-lists li, 
	.online-members-lists li, 
	.featured-members-lists li {
	    float: none;
	    display: inline-block;
	}

	.tutorial-sub-heading {
	    margin: 0 auto;
	    width: 90%;
	    text-align: center;
	}

	#mobile-app-icon {
	    display: none;
	}

	p.app-main-title {
	    font-size: 4rem;
	}

	p.app-sub-title {
	    font-size: 2rem;
	}

	.app-main-content {
	    font-size: 2rem;
	    line-height: 29px;
	    width: 100%;
	}
	.app-featured {
		width: 100%;
	}
	.app-featured-title {
	    padding: 15px 0;
	    text-align: center;
	    font-size: 1.9rem;
	}

	.low-level-featured {
    	padding: 0 30px;
    }

    .top-level-featured span, 
    .low-level-featured span {
	    margin-right: 13px;
	    font-size: 1.897rem;
	    font-weight: 300;
	    margin-bottom: 10px;
	    display: inline-block;
	}

	.wedding-couple-content .container {
	    width: auto;
	}

	.wedding-couple-content .col-md-2 {
	    margin: 0 0 30px 0;
	    padding-left: 0;
	}

	.wedding-couple-vector-sign {
		text-align: center;
	}

	.dt-featured-filter {
	    padding: 70px 10px 50px;
	}

	.wedding-sub-heading { 
		width: 100%;
	}

	.top-members-title h2,
	.wedding-main-heading,
	.tutorial-main-heading,
	.success-stories-main-heading,
	.fl-main-heading {
    	font-size: 3rem;
   	}

   	.top-members-title h2,
   	.featured-lists {
   		text-align: center;
   	}

   	.dp-middle-cta-content {
	    margin-bottom: 20px;
	}
   	.dp-cta-botton-middle a.dp-cta-botton-1 {
	    padding: 18px 0;
	    margin: 0 auto;
	    display: block;
	    width: 157px;
	    text-align: center;
	}

	.newsletter-email .read-more-link {
	    background-color: #d72183;
	    color: #fff;
	    padding: 15px 0px;
	    margin-left: 0;
	    text-transform: uppercase;
	    font-size: 12px;
	    transition: all 0.3s;
	    display: inline-block;
	    vertical-align: top;
	    width: 40%;
	}
	.footer-wrap {
		text-align: center;
	}

	#dsp_plugin .lm-home-guest-page .tab-box a.activeLink,
	#dsp_plugin .lm-home-guest-page .tab-box a {
	    width: 85px;
	    padding: 10px;
	    border: 1px solid #e6e8f2;
	}

	.dp-cta-botton-middle {
	    padding: 0;
	}

	.blog-detail-image {
	    width: 100%;
	    margin: 0;
	    text-align: center;
	}

	.lm-home-guest-page .lm-loggedout-searchform-container .dspdp-control-label {
	    width: 100%;
	}

	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active{
		font-size: 11px
	}

	#dsp_plugin .content-search input.dspdp-btn{margin-top: 38px}
	.dp-slider-post-content{display: none}
	#lm-dating-top-member-tab .lm-dsp-edit-profile-tab.dsp_tab1-active {
		padding:0!important;
	}
	.dsp_tab1-active a {
		background-color: transparent;

} /*end of meida query for 768px breakpoint*/

@media screen and ( max-width:  767px ) {
	#lm-dating-top-member-tab .dsp-line,
	.lm-left-vertical-menu.line,
	#lm-member-content-area-right .line {
	    display: block;
	    width: 100%;
	}

	#lm-dating-top-member-tab .dsp-line .dsp_tab1,
	#lm-dating-top-member-tab .dsp-line .dsp_tab1-active {
	    display: inline-block;
	    width: auto;
	    padding: 0;
	    margin: 5px 0;
	}

	.lm-dsp-members #lm-dating-top-member-tab a {
	    padding: 5px 0;
	    text-align: center;
	}

	#lm-dating-top-member-tab .lm-dsp-edit-profile-tab {
		padding: 0 !important;
	}

	.lm-dsp-edit-profile-tab a {
	    padding: 5px !important;
	}

	#lm-dating-top-member-tab {
	    margin: 100px 0 20px 0;
	}
	.member-content-area .row {
		display: -webkit-box;
	    display: -moz-box;
	    display: box;
	    -webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    box-orient: vertical;
	}

	.lm-top-header-display-name {
	    position: relative;
	    margin-top: 0;
	    font-size: 23px;
	    color: #aca6b6;
	    text-transform: uppercase;
	    font-weight: bold;
	}

	.lm-left-vertical-menu .dsp_tab1 {
	    clear: none;
	    width: 130px;
	    text-align: left;
	    padding: 0;
	    margin-bottom: 20px;
	    float: left;
	}

	#dsp_plugin .line .dsp_tab1 a {
	    display: inline-block;
	}


	#dsp_plugin .content-search .dspdp-btn {
	    width: 170px;
	}
		h2.featured-title, .featured-post-content{
		text-align: center;
	}

 #dating-theme-featured-list .featured-post-image, .dp-middle-cta-content{
		text-align: center;
	}

	.dp-middle-cta-title{
		text-align: center;		
	}

	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active{
		padding-right: 0
	}
	#lm-login-menu li{display: block;}

	.lm-menu-register{
		display: inline-block;
		width: 100px
	}

	#lm-login-menu{float: right;}
	.responsive-menu{float: right;}
	#lm-loggedout-leftcontent .submit, #lm-loggedout-rightcontent .submit{width: 100%; clear: both;}
	#lm-loggedout-leftcontent .submit .dspdp-btn.dspdp-btn-default{
		width: 100%
	}

	#lm-loggedout-leftcontent .widget.widget_wp_sidebarlogin .block{
		width: 100%
	}
 
 
.copy-right{
	text-align: center;
}

#lm-dating-top-member-tab .dsp-line .dsp_tab1, #lm-dating-top-member-tab .dsp-line .dsp_tab1-active{
margin: 5px 5px; 
}
.dev-team-container{width: 170px; margin: 0 auto}
.newsletter-email input{width: 100%;     margin-bottom: 10px;}
.newsletter-email .read-more-link{width: 100%}
.lm-logout-searchform{margin: -166px 20px 0}

#lm-loggedout-leftcontent .btn-fb-login{margin-top: 20px}
.site-header > .col-xs-3{margin: 0; padding: 0}
.responsive-menu {width: 60px}

#login-menu.sm-clean, .lm-login-user-details{float: right;}
.site-branding img{height: auto !important}
#dsp_plugin .content-search input.dspdp-btn{margin-top: 0; margin-right: 0}
#lm-loggedout-rightcontent{margin-top: 0}
.dspdp-tab-container{margin: 0; padding: 0}
.dspdp-tab-container:before{display: none}
#lm-member-content-area-right .line{padding: 20px; display:grid;}
#lm-member-content-area-right .line.new-sub-menu{
	padding: 20px; 
	display:flex;
}
#dsp_plugin .line.lm-left-vertical-menu .dsp_tab1-active a{display: inline-block;}
.lm-alerts-age-gender, .lm-alerts-members-description{text-align: center;}
#dsp_plugin .dspdp-other-details li{width: 100%}
.logo-premium img{float: left;}
.logo-premium {text-align: left;}
 .input-credits .dspdp-input-group{display: block;}
	 .dsp-coupan-code {width: 80% !important}
	 .dsp_continue_discount{width: 100% !important}
	 #cboxWrapper a.dspdp-btn{display: block !important;     margin: 20px auto 0;}
	 #cboxWrapper .error{text-align: center;}
}

@media screen and ( max-width: 480px ) {
	.dp-cta-botton.clearfix a {
	    width: 230px;
	    display: inline-block;
	    margin-bottom: 10px;
	    margin-right: 0;
	    margin-left: 0;
	}

	#dsp_plugin .lm-home-guest-page .tab-box a.activeLink,
	#dsp_plugin .lm-home-guest-page .tab-box a {
	    margin: 0 0 5px 5px;
	}

	.i-appstore a {
	    width: 50%;
	    float: left;
	}
	h2.featured-title, .featured-post-content{
		text-align: center;
	}

	.dp-middle-cta-content{
		text-align: center;
	}

	.stay-touch p > strong{
		margin: 20px 0;
    display: inline-block;
	}

	 #dsp_plugin.dsp-favourite-notification .dspdp-btn-info{margin-top: 20px}
	 .lm-left-vertical-menu .dsp_tab1{width: 100%}

#dsp_plugin .rating-box li{    display: block;
    width: 100% !important;}

    .btn-row-rating .dspdp-btn{margin-top: 20px}
    .box-profile-link .profile-image{width: 100%}
    .menus-profile.dsp-user-info-container{width: 100%}
    #dsp_plugin .empty-rate li{width: 100%}
    .dsp-member-tab .dsp_tab1-active a{    padding: 20px 20px;}

}

@media screen and ( max-width: 400px ){
	#lm-member-content-area-right .line {
	grid-template-columns: auto;
}
}