
/* Create By R.G */
@media screen and (max-width:1400px) {
    .services-bg img, 
    .relationship-bg img {
    width: 408px;
    }
}

@media screen and (max-width:1200px) {
	
	.top_ber {font-size: 15px;}
	.top_ber .right_box{font-size: 15px;}
	#main-nav.stellarnav li{font-size: 16px;}
	.relationship::before{width: 160px; height: 220px;}
	.relationship-bg img{width: 350px; object-fit: cover;}
	.relationship h2{font-size: 40px !important;}
	.services h2{font-size: 40px !important;}
	.services::before{width: 160px; height: 220px;}
	.services-bg img{width: 350px; object-fit: cover;}
	.survived {padding-top: 50px; width: 54%;}
	.services .white-panel h2{font-size: 20px !important;}
	.box-wrapper {padding-left: 120px; padding-top: 84px;}
	.specialist.services{min-height: 560px;}
	.relationship{min-height: 560px;}
	
}

@media screen and (max-width:991px) {
	
	.top_ber {font-size: 11px;}
	.top_ber .right_box{font-size: 15px; padding-top: 7px;}
	.top_ber .green_btn {padding: 12px 16px;}
	#main-nav.stellarnav li{font-size: 12px;}
	.stellarnav li a {padding: 15px 10px;}
	.banner .flex-caption h1{font-size: 30px;}
	.banner .flex-caption h2{font-size: 50px;}
	.banner .flex-caption p{font-size: 14px; line-height: 26px; width: 65%;}
	.banner .flex-caption{top: -22%;}
	.banner{height: auto;}
	.relationship h2{font-size: 32px !important;}
	.relationship::before {width: 160px; height: 220px;}
	.survived h4{font-size: 20px !important; line-height: 26px;}
	.relationship{padding: 80px 0px 80px;}
	.relationship-bg img{width: 256px;}
	.services h2{font-size: 32px !important;}
	.services::before{width: 160px; height: 220px;}
	.services-bg img{width: 256px;}
	.box-wrapper {padding-left: 78px; padding-top: 38px;}
	.services .white-panel h2 {font-size: 18px !important;}
	.white-panel{font-size: 14px;}
	.negative-box h4 {font-size: 13px; line-height: 22px;}
	.negative-box h3{font-size: 34px;}
	.experience h2{font-size: 34px !important;}
	.wrapper-years {padding-top: 28px;}
	.testimonial h2{font-size: 35px !important;}
	.menu-details {margin-left: 40px;}
	.testimonial{background-position: -120px 0px;}
	.specialist.services {min-height: 468px;}
	.relationship{min-height: 468px;}
	footer ul li{font-size: 12px;}
	
	
}


@media screen and (max-width:768px) {
	
  .left_box{text-align:center;}
  .top_ber {font-size: 16px; padding-bottom: 0px;}
  .social-icon {text-align: center;}
  .top_ber .right_box {font-size: 16px; text-align: center; margin-top: 0px;}
  .top_ber .right_box {float: none; padding-bottom: 20px;}
  .stellarnav.dark .menu-toggle {color: rgb(233 30 37); text-align: right; margin-top: 22px; padding-bottom: 35px; background-color: #fff;}
  .stellarnav.dark .menu-toggle .fa{margin-top: 0px; font-size: 30px;}
  .logo {float: left; position: absolute; top: 0px;}
  .stellarnav.mobile, .stellarnav.mobile.fixed {position: relative;}
  .stellarnav.dark, .stellarnav.dark ul ul {padding-bottom: 0px;}
  .stellarnav ul {float: none; margin-top: 18px;}
  .stellarnav.mobile.dark ul {background: rgb(233 30 37);}
  #main-nav.stellarnav li {display: block; text-align: center; font-size: 16px;}
  #main-nav.stellarnav li a.active:before {border-bottom: 2px solid #fff; width: 100%;}
  #main-nav.stellarnav li a {line-height: 6px; color:#fff;}
  #main-nav.stellarnav li a.active {color: #ffffff; font-weight: 600;}  
  #main-nav.stellarnav li a:hover{color: #fff; font-weight: 600;}
  #main-nav.stellarnav li a:hover:before{border-bottom: 2px solid #fff; width: 100%;}
  .stellarnav.dark{top: 0;}
  .stellarnav.mobile.active{margin-bottom: 20px;}
  #main-nav.stellarnav li.red-btn{background-color: #7c0509; padding: 6px;}
  .stellarnav.mobile li a:nth-last-child(5){border: none;}
  .services::before{display: block;}
  .box-wrapper {padding-left: 20px; padding-right: 20px;}
  .white-panel{margin-bottom: 30px;}
  .margin-top25 {margin-top: 0px;}
  .services{padding: 80px 0px;}
  .relationship .relationship-bg, .services .services-bg{display: block;}
  .experience{padding: 80px 40px;}
  .negative-box{margin-bottom: 30px;}
  .menu-details {margin-left: 0; margin-top: 15px; margin-bottom: 15px;}
  footer{padding: 80px 40px;}
  .testimonial{background-position: -200px 20px;}
  #main-nav.stellarnav li{padding: 5px 0px 8px;}
  .energy .specialist-box.survived{margin-top: 0px; padding: 30px 30px 0px;}
  .love.relationship{padding: 20px 40px 0px;}
  .specialist-box.survived{padding: 20px 30px 0px;}
  .specialist-box.survived {float: none; width: 100%;}
  .survived {padding-top: 30px; width: 100%;}
  .relationship:before{display: block;}
  .inner-box{margin: 32px 20px 0px;}
  .contact_map{margin-top: 30px;}
  .contact_map img{width: 100%;}
  .contact_box .gray_con{display: block; min-height: auto;}
  .specialist.services {min-height: inherit;}
	.relationship{min-height: inherit;}
	footer ul li{font-size: 16px;}
	.survived {padding-top: 560px !important;}
	.relationship .relationship-bg, .services .services-bg {display: block;}
	.relationship-bg img {width: 410px;}
	.services-bg img {width: 410px; object-fit: cover; height: 415px;}
	.relationship {text-align: left;}
	.box-wrapper{padding-top: 600px !important;}
  
}


@media screen and (max-width:679px) {
	.relationship{padding: 80px 40px;}
	.survived {padding-top: 560px; width: 100%;}
	.flexslider .slides img{height: 460px; object-fit: cover;}
	.banner .flex-caption {top: -30%;}
	.banner .flex-caption h2 {font-size: 38px; margin-top: -12px;}
	.banner .flex-caption p{width: 90%;}
	.testimonial {background-position: -313px -2px;}
	.testimonial .box_panel{width: 80%;}
	#testimonial_wrp .owl-wrapper-outer{margin-bottom: -85px;}
	.box-wrapper {padding-top: 600px;}
	.relationship h3{font-size: 16px !important;}
	
	
	

}

@media screen and (max-width:612px) {
	.popup-box .modal-body .form-group input, .popup-box .modal-body .form-group textarea, .popup-box .modal-body .btn-submit{width: 100% !important;}
	.popup-box .modal-header h5{font-size: 30px;}
}

@media screen and (max-width:536px) {
    .survived { padding-top: 554px !important;;}
    .box-wrapper {padding-top: 574px !important;;}
    .relationship::before{width: 128px;}
    .services::before{width: 128px;}
    
}

@media screen and (max-width:480px) {
	.flexslider .slides img {height: 530px;	object-fit: cover;}
	.banner .flex-caption {top: -42%;}
	.banner .flex-caption p {width: 100%;}
	.testimonial{background-image: inherit;}
	footer ul li{font-size: 12px;}
	.top_ber .right_box ul li{font-size: 12px;}
	.relationship {padding: 80px 20px;}
	.relationship::before{display: none;}
	.services::before{display: none;}
	.relationship .relationship-bg img{width: 100% !important; height:330px !important;}
	.relationship .relationship-bg{top: 40px; left: 0; right: 0; margin: 0 auto; text-align: center;}
	.services .services-bg{top: 220px; left: 0; right: 0; margin: 0 auto; text-align: center;}
	.services .services-bg img{width:100% !important; height:330px !important;}
	.box-wrapper {padding-top: 430px !important;}
	.survived {padding-top: 480px !important;}
	.astrology-panel .survived{padding-top: 196px !important;}
	
	
	
}


 