@media only screen and (min-width: 300px) and (max-width: 992px) {
	
	.mobile{
	    display: block !important;
	}

	.mobile img{
		height: 300px;
		margin: auto;
	}

	.desktop{
	    display: none !important;
	}

	.top-header .text-right{
		text-align: center !important;
	}

	.search-tab-section .search-area{
		position: relative;
		margin: unset;
		left: unset;
		right: unset;
	}

	#carouselExampleControls{
		display: none;
	}

	
}

@media only screen and (min-width: 300px) and (max-width: 579px) {
	.carousel-control-next, 
	.carousel-control-prev{
		font-size: 10px;
	    height: 25px;
	    width: 20px;
        border-radius: 3px;
	}

	.notifications .content,
	.notifications .date-time{
		width: 100%;
		display: block;
	}

	.slider{
		margin-bottom: 10px;
	}

	.grooms-details .carousel-inner {
	    height: 250px;
	}

	.grooms-details .carousel-inner img{
		width: 100%;
		height: 100%;
	}

	.grooms {
	    padding-top: 10px;
	}

	.grooms hr{
		display: none;
	}

	.grooms h4{
	    font-size: 18px;
	    margin-bottom: 10px;
	    margin-top: 25px;
	}

	.grooms .view{
	    margin-top: -8px;
	    padding: 8px 14px;
	    font-size: 12px;
	}

	.grooms .image-container{
		height: 200px;
	}

	.grooms .grooms-details p{
		font-size: 14px;
	    margin-bottom: -8px;
	}

	.grooms .owl-nav .owl-next {
	    right: 0%;
	}

	.grooms .owl-nav .owl-prev {
	    left: 0%;
	}

	.grooms .owl-nav .owl-prev, 
	.grooms .owl-nav .owl-next{
	    height: 35px;
	    width: 25px;
	}

	.testimonials .owl-nav .owl-prev, 
	.testimonials .owl-nav .owl-next{
		display: none !important;
	}

	.footer-content{
	    text-align: center;
	}

	.footer-content .text-right{
		text-align: center !important;
	}

	.footer .footer-content h5{
		text-decoration: none;
	    font-size: 17px;
	    margin-top: 20px;
text-align:left;
	}

	.social-icons{
		display: none;
	}

	.footer .logo img{
		width: 150px;
	}

	.footer p, 
	.footer a, 
	.footer-bottom p, 
	.footer-bottom a{
	    font-size: 14px;
	    line-height: 20px;
	}

	.search .collapse {
	    padding: 0px;
	}

	.search .collapse form button{
		margin-top: 30px;
	}

	.search .main{
	    padding: 10px;
	}

	.search .item{
		width: 100%
	}

	.search .details{
	    margin-left: 0px;
	    margin-top: 12px;
	}

	.contact{
		padding: 20px 20px 0px;
	}

	.contact .card .card-body {
	    padding: 20px;
	}

	.contact .location h6{
	    font-weight: bold !important;
	}

	.grooms-details .top-section button{
	    margin-top: 20px;
	}

	.grooms-details .accordion .card{
	    margin-top: 30px;
	}

	.login{
		padding: 0px;
	}

	.login .outer-image{
		display: none;
	}

	.login form{
		padding: 10px 40px 25px !important;
	}

	.login p{
		line-height: 22px;
	    margin: 15px 0px;
	}

	.login form .form-group{
	    margin-top: 5px !important;
	}

	.login .bottom p{
	    margin: 11px 0px 0px;
	    text-align: center;
	}

	.success .heading{
		display: none;
	}

	.success h4{
		margin-bottom: 0px;
	}

	.success .col-sm-5 {
	    -ms-flex: 0 0 41.666667%;
	    flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}

	.success .col-sm-2{
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}

	.success .card-body{
		padding: 10px;
	}

	.success .card .icon{
	    padding: 5px;
	}

	.success .card p{
	    font-size: 13px;
	}

	.profile form{
		text-align: unset !important;
	}

	.mb-4{
		margin-bottom: 0px !important;
	}

	.form-control,
	.custom-control{
		margin-bottom: 5px;
	}

	.inbox .parent-nav li a{
	    width: 100% !important;
	}

	.inbox .tab-content.vertical{
		margin-top: 25px;
	}

	.inbox .tab-content.vertical .main .item{
		width: 100% !important;
	}

	.inbox .tab-content.vertical .main .details {
	    margin-top: 10px
	}

	.profile .bottom-buttons .btn{
	    margin-top: 30px;
	}
}
/* changes css start */
/*For Mobile */
@media screen and (max-width:480px){
	.login form input {
	    font-size: 16px;
	    font-weight: 600;
	}
	.search_div {
		width: 322.667px !important;
		margin-right: 10px;
	}
	.search-title h3{
		font-size: 1.4rem !important;
	}
	.pagination {
		margin: 25px 0;
	}
	/*  */
	.mobilediv{
		display: flex;
		justify-content: space-between;
		    border-bottom: 1px solid #f1f1f161;
	}
	.mobileh3{
	       margin-top: 12px;
	}
	.footer .logo h3{
	    border-bottom: none !important;   
	}
	.mobilediv img{
		width: auto !important;
	}
	/* .rules {
		background-size: cover !important;
		padding: 110px 0px;
	} */
	.grooms-details .top-section button{
		font-size: 10px;
	}
	.grooms-details .top-section button img {
		width: 16px;
		left: 15%;
		top: 28%;
	}
	.grooms-details .top-section button span{
		padding-left: 10px;
	}
	/*  */
	.m-heading{
		font-size: 1.32rem;
		margin-bottom: 15px !important;
	}
	.moreless-button {
		font-weight: 600;
		color: #870e0e;
	}
	.footer {
		margin-top: 35px;
	}
	/* photo css */
	.file-adj{
		height: 120px;
		width: 120px;
		line-height: 110px !important;
		border-radius: 0px !important;
	}
	.browse-button-adj {
		margin-left: 4px !important;
	}
	.control-label-adj{
		font-size: 14px;
	}
	.preview_img_css img{
		width: 120px;
    	height: 120px;
	}
	.rules_div{
		padding: 25px;
	}
	
}
/*****Mobile Horizontal view******/
@media screen and (min-width:490px) and (max-width:767px){
	
	.login form input {
	    font-size: 16px;
	    font-weight: 600;
	}
	.search_div {
		width: 500.667px !important;
		margin-right: 10px;
	}
	.search-title h3{
		font-size: 1.4rem !important;
	}
	.pagination {
		margin: 25px 0;
	}
	/*  */
	.mobilediv{
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #f1f1f161;
	}
	.mobileh3{
	    margin-top: 12px;
	}
	.footer .logo h3{
	    border-bottom: none !important;   
	}
	.mobilediv img{
		width: auto !important;
	}
	/* .rules {
		background-size: cover;
		background-position: center;
		padding: 110px 0px;
	} */
	/*  */
	.grooms-details .top-section button{
		font-size: 9px;
	}
	.grooms-details .top-section button img {
		width: 16px;
		left: 15%;
		top: 28%;
	}
	.grooms-details .top-section button span{
		padding-left: 10px;
	}
	.moreless-button {
		font-weight: 600;
		color: #870e0e;
	}
	.footer {
		margin-top: 35px;
	}
	/* photo css */
	.file-adj{
		height: 120px;
		width: 120px;
		line-height: 110px !important;
		border-radius: 0px !important;
	}
	.browse-button-adj {
		margin-left: 48px !important;
	}
	.control-label-adj{
		font-size: 14px;
	}
	.preview_img_css img{
		width: 120px;
    	height: 120px;
	}
	.rules_div{
		padding: 25px;
	}

}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.3rem;
		padding-left: 0.3rem;
	}
}
@media screen and (width: 320px){
	.grooms-details .top-section button {
		font-size: 8px;
	}
	.grooms-details .top-section button span{
		padding-left: 14px;
	}
	.m-heading{
		font-size: 1.15rem;
		margin-bottom: 15px !important;
	}
	/* photo css */
	.file-adj{
		height: 115px;
		width: 115px;
		line-height: 110px !important;
		border-radius: 0px !important;
	}
	.browse-button-adj {
		margin-left: 0px !important;
	}
}
/* changes css ends */