@charset "utf-8";
/* CSS Document */
@media (max-width:1351px) { 

	
	
}

@media screen and (max-width: 1240px) and (min-width: 1200px){
	.container {    width: 900px;}

	
}

@media (max-width:1240px) {
	.logo{ width: 200px; }
	.nav_outer {width: 70%;}
	nav > ul > li > a {padding: 30px 0px 20px 24px;}
	.right_sec.desboard {margin-left: 240px;}
	.memory_listing .memorial_item {width: 33.333%}
}

@media (max-width:1200px) {
	.home_page .desktop_view{ display: none; }
	.home_page .mobile_slider{ display: block ; padding: 90px 0px 0px 0px;}
}
@media (max-width:1199px) {
	.lef_box, .right_box {width: 100%; float: none; padding:30px 0;}
	.announcement_pages {padding:30px; width: 100%; max-width: 800px;}
}

@media (max-width:1196px) {	
	.logo {    width: 200px;}
	nav > ul > li > a{padding: 15px 0px 10px 30px;font-size: 12px;letter-spacing: 0;}
	
	.mobile_slider {display: block;padding: 80px 30px 60px;}
	/*__innerpage*/
	.form_fields_outer > label{ display: block; width: 100%;}
	.relation_panel {float: none; }
	.relation_panel .form_fields{ width: 100%;}
	.name_panel .form_fields, .date_of_panel .form_fields {margin-left: 0px;}
	/*__innerpage*/
}

@media (max-width:1130px) {
.fram_box {    margin: 30px 0px;}
	
	
}

@media (max-width: 991px) {
	header {    position: relative;}
	.mobile_search {    padding: 4px 0px;    float: right; cursor: pointer; display: block}
	.top_nav > ul > li:first-child{ display: none; cursor: pointer;position: absolute;left: -5px;right: 0;top:22px;background: #fff; }	
	.head_search {    position: absolute;    width: 100%;    background: #fff; z-index: 10;}
	.mobileicon {    display: block; width: 7%;  max-width: 45px;    float: left;    height: 45px;    cursor: pointer;}
	.mobileicon.back {background: url(../images/icon/marg_images.png);background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; background-size: auto 21px; background-position: -108px 13px; background-repeat: no-repeat;  transition: 0.3s; }
	.head_search button {position: static;float: right;width: 5%;margin-top: 9px;}
	.head_search input {display: block; width: 88%; height: auto; padding: 8px 0px; background: #fff;font-size: 15px; color: #000; float: left; border-radius: 0px; margin-left: 0px;}
	.responsive_item{    position: relative;}	
	.icon.login{ background-position: -289px 0px !important;  cursor: pointer;}
	.responsive_droupdown:hover .dropdown_menu {visibility: visible; opacity: 1; top: 70%; margin-top: 0px;}
	.responsive_droupdown{ transition: 0.3s }
	.icon.login.inner {display: block;}
	.head_search button{ top:3px; }
	.registeration {    border-left: none;}
	.top_nav > ul {    margin: 0;}	
	.top_nav > ul > li {    margin: 4px 0px 0px 3px;}
	.icon.search{ background-position: -33px 0px;margin-top: 0px; }
	.icon {margin: 4px 6px 0px 0px; width: 24px;height: 24px;}
	.icon.login{ background-position: -2px 0px; }
	.top_nav > ul > li {    margin: -13px 0px 0px 3px;}
	.nav_outer {    width: auto;    float: right;    padding: 30px 0px 0px;}
	.menu{ display:block; float: right;}
	.menu {    width: 24px;    height: 18px;    margin-right: 19px;      position: relative;    cursor: pointer;    float: left;margin-top: 23px;}
	.top{ display:block; top:0px; left:0px; right:0px; background:#505050; height:2px; position:absolute; transition: 0.3s }
	.mid{display: block;top: 8px;left: 0px;right: 0px;background: #505050;height: 2px;position: absolute;transition: 0.3s;}
	.bottom{ display:block; bottom:0px; left:0px; right:0px; background:#505050; height:2px; position:absolute; transition: 0.3s}
	
	.menu.close .top {    top: 10px;    transform: rotate(44deg);  }
	.menu.close .bottom {    top: 10px;    transform: rotate(-44deg);  }
	.menu.close {opacity: 1;float: left;}
	.menu.close .mid {    right: 30px;}
	.top_nav > ul > li > a{ font-size: 0px; display: none; }
	/*--BANNER--*/
	.banner_text h3{ font-size: 40px; }
	.banner_text p{ font-size: 30px; }
	.banner_inner_buttn a:last-child,.banner_inner_buttn a:first-child{ font-size: 30px;  padding-top: 23px;height: 70px;}
	/*--BANNER--*/
	.videos_box {    padding: 40px 0px 0px;}
	.photos{ border-radius: 80%; }
	.photo_fram{ padding: 9%; margin-bottom: 0px; }
	.fram_box {    margin: 0px;}
	.logo {    float: left;    padding: 14px 0px;}

	.right_box,.lef_box{ float: none; width: 100%; }
	.left_text {padding: 25px 15px 60px 15px;}
	.right_text {padding: 0;}
	.main_heading {    line-height: 30px;    font-size: 30px;}
	
	.main_heading::after { top: 100% }
	/*__innerpage*/
	.form_inner_outer_grid{ width: 100%; }
	/*__innerpage*/
	.cover_banner{ padding: 35px 0px;background-size: cover;height:auto; }
	.user_left_images {width: 290px;float: none;transition: 0.3s;margin: 0 auto;}
	.right_banner_pannel {margin-left: 0px;padding-top: 0px;padding-left: 0px;position: static;margin: 0 auto;float: left;width: 100%;text-align: center;}
	.inner_banner_outer{ position: static;}
	.pay_btn_log {float: none;width: 58%;margin: 20px auto 0px auto;}
	.pay_btn_log .pull-right{ float: none !important; }
	.change_password { width:100%;}
	/*.inner_right_box { overflow: scroll !important;width: 100%;}*/

	span.mobile_hide {display: none;}
	.login_main{ margin: 30px auto 0px; padding: 20px 15px 0px;}
	.memss_box {margin-top: 0px;}
	.right_sec.desboard {margin-left:0px; padding-left: 0; margin-top: 20px;}
	.inner_carasule {margin-top: 0px;}
.desboard_innerpages {padding:30px 0; }

	.page_nav_full {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 2px 2px rgba(0,0,0,.16);}
	.page_nav_full > .container {width: 100%;}
	.primary_nav {position: fixed; padding-top: 10px; top: 0; left: -260px; bottom: 0; width: 250px; background: #f2f2f2; z-index:999; overflow: auto; transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}
	.nav_active .primary_nav {left: 0;}
	nav > ul > li {display: block; float: none;}
	nav > ul > li a:hover {text-decoration:none !important; background: #fff}
	.nav_overlay {position: fixed; top:0; left: 0; right: 0; bottom: 0; background:rgba(0,0,0,.5); z-index: 998; display:block; visibility: hidden; opacity: 0; transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}
	.nav_active {overflow:hidden;}
	.nav_active .nav_overlay {visibility: visible; opacity: 1;}
	.memory_form .form_fields > .row > div {margin-top: 15px;}
	.form_style2 {padding-left: 0}
	body {padding-top: 64px;}
	.add_more_col {height: 0;}
	.add-more {float: right;}
	.form_fields_outer.name_panel {}
	.inner_banner h3 {font-size: 40px; line-height:35px;}
	.memorial_album_outer {margin-bottom: 30px;}

	.user_left_pennel{width: 100%; float:left}
	.cover_banner{ margin-bottom: 30px; }
	.right_icon_text{ width: 90%; }
	.left_icon {width: 10%;}
	.message{ width: 100%; background-position: 1px -51px; }
	.photo{ width: 100%; background-position: 0px -210px;}
	.light{ width: 100%;background-position: 0px -282px; }
	.quat {width: 100%; background-position: 0px -510px;}
	.video {width: 56px; background-position: 0px -463px;}
	.right_sec {margin-left: 0px;padding-left: 0px;float: left;width: 100%;margin-top: 50px; margin-bottom: 20px;}
	.user_left_pennel.desboard{width: 100%;margin-bottom: 30px;}
	.memorial_album_outer {margin-top: 30px;}
	table.tribut_table:not(.my_tribute) {display: block; max-width: 100%; overflow-x: auto; overflow-y: visible;}
	table.tribut_table:not(.my_tribute) > tbody {display: table; width: 100%;}
		.desbord_list > ul > li {padding: 0px 3px;display: inline-block;}
	.desbord_list > ul > li > a{    display: block;padding: 1px 15px;background: #efefef;border-radius: 30px;margin-bottom: 12px;font-size: 12px;}
	.desbord_list > ul > li:last-child{ display: none;}
	.desbord_list {white-space: nowrap;overflow: auto;}
	.log_out_btn {display:block;float:left;margin-bottom: 17px;}
	.desbord_list {width: 100%;}
	.missed_by_remove {text-align: right;}
}


@media (max-width: 767px) {
	.memorial { padding: 60px 40px 0px;}
	.mobile_viewall a {margin-top: 40px !important;}
	.top_nav.pull-right {    width: auto; height: 23px;}
	.top_nav > ul > li:last-child a{ padding: 2px 0px; }
	/*__innerpage*/
	.box_style{padding: 60px 0px 100px; background: #fff; }
	.next_go {padding: 0px 15px; }
	.proceed_btn{min-width: 100%; }
	.next_go .btn{ display: block}
	.box_style_inner{ border: none; background:none; }
	.box_form_outer {width: 100%;margin: 0 auto;padding:15px;}
	.memory_form {padding: 10px 0;}
	.memory_form .main_heading {margin-bottom: 30px;}
	.memory_form {padding: 50px 0 50px;}
	.form_inner_outer_grid{ padding: 50px 0px;}
	/*__innerpage*/
	
	.right_sec.desboard {margin-left:0px;padding-left:0px;}
	.right_sec.desboard {margin: 0 auto;}
	.desboard_innerpages {padding: 30px 0px;}
	/*__innerpage*/

	.memorial_slider .owl-prev, .memorial_slider .owl-next{ position: static; margin-left: 0px; margin-right: 0px; display: inline-block;width: 21px;height: 34px; }
	.memorial_slider .owl-nav {width: 60px; margin: 30px auto 0px auto;}
	.new_tab_box .tab button {padding:10px;}	
	.announcement_pages {padding: 0; box-shadow: none}
	.announce_line ul > li > a {padding:10px; font-size: 28px;}
	.anna_body_box h3 {font-size: 21px}
	.anna_body_box p {font-size: 18px; padding-bottom: 15px;}
	.anna_body_box span {font-size: 18px;}
	.anna_body_box h1 {font-size:32px;}
	.banner {max-height: 100%; min-height: 300px;}
	.memory_listing .memorial_item {width:50%}
	.mobile_viewall {margin-bottom: 30px;}
	.memory_form {padding-top: 15px;}
	.box_style {padding: 30px 10px 55px}
}


@media (max-width: 575px) {
	
	.logo {    width: 220px;}	
	.brouser{ display: none; }
	.mobile{ display: block}
	.banner_text h3 {    font-size: 23px;}
	.about_left_box h3 {font-size: 32px;}
	.banner_text p{  margin-bottom: 0px;}
	.banner_inner_buttn a:last-child, .banner_inner_buttn a:first-child {    font-size: 24px;    padding-top: 13px;    height: 49px;}
	.banner_button{ bottom: 5%; }
	.top_nav > ul > li {    margin: -15px 0px 0px 3px;}
	.banner_text h3{margin-top: 30px; }
	.video_player h3 {		font-size: 37px;}
	.main_heading{ font-size: 30px;	 }
	.left_text h3 {		font-size: 30px;}
	.left_text p {	font-size: 20px;}
	.left_text a {  width: 100%;    height: 56px;   font-size: 25px;    padding-top: 19px;    margin-top: 20px;}
	.main_right_text{ font-size: 30px; }
	.footer_menu > ul > li {    display:block; text-align: left;}
	.footer_menu > ul > li > a{ border-bottom: 1px solid #e1e1e1; padding: 10px 15px; }
	footer{ padding: 30px 0px; }
	.mobile_viewall a{ width: 100%;height: 56px;font-size: 20px;padding-top: 19px;margin-top: 20px; font-size: 25px;  padding: 19px 0px;}
	.logo {    width: 43px;}
	.nav_outer {    padding: 30px 0px 0px;}	
	.about_section::after, .about_section::before { width: 130px;height: 130px; background-size:cover;}
	.head_search input{ width: 80%; margin-left: 10px }
	.head_search button{ width: 9%; }
	/*owl_carasule*/
	.memorial {padding: 60px 0px 0px;}
	.mobile_slider {display: block;padding: 60px 0px 60px;}
	.mobile_slider {display: block;padding: 60px 0px 60px;}
	
	.about_left_box a{ display: block; text-align: center}
	.forward_icon {float: none;margin: 0px 0px 0px 4px;display: inline-flex;}
	.lef_box::before, .lef_box::after {background-size: cover; width: 90px;height: 90px;}
	/*owl_carasule*/
	.login_main{ width: 100%; }
	.left_icon {width:15%;}
	.right_icon_text {width: 84%;}
	.message{ width: 100%; background-position: center -51px; }
	.photo{ width: 100%; background-position: center -210px;}
	.light{ width: 100%;background-position: center -282px; }
	.quat {width: 100%; background-position: center -510px;}
	.video {width: 56px; background-position: center -463px; width: 100%;}
	
	.pay_btn_log{ width: 100%; }
	.search_bto{width: 70px}
	.login_form.login_pages .login_main{width: 100%}
	.tribut_table.my_tribute tr th{display: none;}
	.tribut_table.my_tribute tr td{ width: 100%; display: block; padding-top: 10px;}
	.tribut_table.my_tribute .action_dropdown.table {float: right;}
	.tribut_table.my_tribute td { border-bottom-color:  #fff;}
	.tribut_table.my_tribute td:nth-child(2){ border-bottom: 5px solid #f8f8f8; padding-bottom: 20px; padding-top: 0px;}
	.tribut_table.my_tribute .user_name {margin-bottom: 4px;}
	.boxl_such_left{ max-width: 100%; min-width: 100%}
	.pannel_heading h3:after {    margin-top: -25px;}
	.bottom_text > ul > li { display:block; margin-bottom:10px; }
	.form_style2 { margin-bottom:12px; }

	.code_img img  { width:100%;   height: 40px;  margin-bottom: 12px;}
	.announce_images {width: 200px;}
	.announcement_pages { width:100%; }
	.anna_body_box p { width:100%; }
	.announce_line ul > li { width:100%; display:block; margin-bottom:10px;}
	.announce_line { width:100%;  }
	.tab_main {padding:10px; }
	.new_tab_box .tab button { font-size:14px;     padding: 11px 10px; z-index: 9999; }
	.memoria_slider .owl-nav { width:25%; }
	.tribut_table td { padding:5px; }
	.testimonial {padding:0 20px}
	.banner_inner_buttn a:first-child {width: 50%;padding-right:8%;}
	.banner_inner_buttn a:last-child {width: 60%;}
	.banner_inner_buttn a:last-child, .banner_inner_buttn a:first-child {font-size:23px;}
	.user_left_images {width: 200px;}
	.inner_banner h3 {font-size: 32px; line-height: 28px;}
	.pannel_heading h3 {font-size: 32px; line-height: 40px;}
	.btn_proceed_big a {height: 52px; width: 100%; padding: 10px; line-height: normal; font-size: 32px;}
	.popup_view_inner {padding-left: 15px; padding-right: 15px;}
	#file_list {padding: 10px 15px}
	.tab_section h3 {font-size: 40px; padding-bottom: 10px;}
	.main_form button {float: none; width: 100%;}
	.select_custome {margin-top: 0}
	.select_pannels_box select {width: 180px;}
	.donate_form_outer {padding:20px 15px 20px; margin-top: 20px !important;}
	.donate_form_outer .login_main {margin-bottom:0 !important}
	.page_cms_section {padding:20px 0;}
	.form_submit_box, .flower_candle_box {float: none; padding:0 15px; }
	.default_cover_listing {width: 250px; margin:50px auto;}
	.messages_show {padding:15px 0; border: none; margin-bottom: 0; box-shadow: none; border-top: 1px solid #ddd}
	.post_reply_panel {margin: 0; padding: 15px; border: 1px solid #ddd; margin-top: 15px;}
	.reply_user_info {text-align: left; width: 80px;}
	.reply_text_box {margin-left: 80px;}
	.reply_user_img {margin: 0;}
	.box_style_inner > .main_heading {font-size: 26px;}
}
@media(max-width:479px){
	#file_list {padding:10px 2px;}
	#file_list .col-xs-3 {padding-left: 2px; padding-right: 2px;}
	#file_list .row {margin-left: -2px; margin-right: -2px;}
	.desboard .manage_btn {display: block; width: 100%; text-align: center; margin-bottom: 10px; }
	.memory_listing .memorial_item {width:100%}
	.new_tab_box .tab button {font-size: 12px; padding: 7px;}
	.new_tab_box .tabcontent {padding-top: 20px;}
	.check_options li {width: 33.333%;}
	.check_group > span {width: 100%; max-width: 100%; min-width: 80px;}
	.check_group > span img {max-width: 100%;}
	.quote_check > span {padding:10px; font-size: 13px; }
	.check_group > span {background-size:auto 80%; background-position: center 10px }
	.check_group {display: block;}

}
@media (max-width: 359px) {
	.main_heading{ line-height: 30px;	font-size: 30px; }
	.banner_inner_buttn a:last-child, .banner_inner_buttn a:first-child {font-size:22px;}
	.radio_toggle label span {padding-left: 35px; padding-right: 35px;}
}
@media (max-width: 330px) {
	.banner_inner_buttn a:last-child, .banner_inner_buttn a:first-child {font-size:20px;}
}