@charset "UTF-8";

@media print{
	 
}

@media  ( min-width: 768px){
	
	

	
	.order-md-6 {
		order: 6!important;
	}
	
	.pt-md-10{
		padding-top:6rem !important
	}
	.pt-md-7{
		padding-top:5rem !important
	}
 

	.px-md-6{
		padding-left:4rem !important;
		padding-right:4rem !important;
	}
	.px-md-7{
		padding-left:5rem;
		padding-right:5rem;
	}
	.px-md-10{
		padding-left:6rem;
		padding-right:6rem;
	}
	.p-md-8{
		padding:5rem 
	}
	.pe-md-10{
		padding-right:6rem !important
	}
	
}


@media ( min-width : 990px) AND ( max-width : 1199.9px)  { 
.navbar-brand {
    max-width: 200px;
    
  
}
.home .home_bg_2 {

    padding-top: 270px;
    padding-bottom: 450px;
}
.navbar-brand {
    width: 20%;
}
	
}


@media ( min-width : 576.1px) AND ( max-width : 1199.9px)  { 
	
	h1{
		font-size: 36px;
	}
	
}

@media  ( min-width : 1440px){

}


@media  ( max-width : 1200px){
.home .carousel_2 .c_over {
    border: solid 5px #421E9C;
    border-radius: 200px;
    overflow: hidden;
}

.px-10 {
    padding-left: 2rem;
    padding-right: 2rem;
}

}


/* ipad pro*/


@media (max-width: 1024px){



.s_banner h1{
	 width: 100%;
    font-size: 28px;
    line-height: 30px;
}

.en .survey .div_tb_desc{
	width: auto;
}

.our-donor-bg {
    position: absolute;
    bottom: -10px;
}

.about_rest_hub .div_map .text-flat_c div{
	    width: 76%;
	left: 21%;
}

}

@media (max-width: 991px){
    
    .sm_break ,br.home_about{
    
    display: block;
    
}


	.find_support .pic_support{
		width: 17vw;
    z-index: -1;
    right: 3%;
    top: 0px;
	}
.contact_us .pic_contact{
	width: 50%!important;
}
	.wellness_self_assessment .div_img img{
		height: 300px;
	}

	.wellness_self_assessment br.home_about{
		display: none;
	}
	
    .navbar-brand {
        width: 20%;
    } 

    .home .home_bg_2 {
    background-position: inherit;
    background-position-x: 75%;
}

.about_rest_hub .div_map .b2 .map_icon, .about_rest_hub .div_map .b4 .map_icon{
	right: 12%;
}

.about_rest_hub .div_map .text-flat_c div {
    width: 90%;
    left: 23%;
}

.about_rest_hub .div_map .text-flat div {
    bottom: 3%;
}

.about_rest_hub .div_map .b1 .map_icon, .about_rest_hub .div_map .b3 .map_icon {
    left: 10%;
}

.about_rest_hub .div_map .b2 .map_icon, .about_rest_hub .div_map .b4 .map_icon {
    right: 5%;
}

.about_rest_hub .div_map .map_icon {
    width: 25%;
}
    
	
}

@media (max-width: 768px){

	.home footer{
		bottom: -150px;
	}

.home .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -40px;
}
.home .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -40px;
}

#pop_video .modal-content .modal-header .btn-close{
	left: inherit;
	right: 30px;
	top: -40px;
}

.home .home_bg_2 {
    background-position: inherit;
    background-position-x: 75%;
}
}

@media  ( min-width : 1023px) and (max-width:1439.9px){



}


 
@media(max-width:767.9px){
	.about_rest_hub .div_map .boxc{
		display: block!important;
		text-align: center;
		margin-bottom: 1.5em;
	}

	.about_rest_hub .div_map .boxc .text-flat{
		line-height: 22px;
		margin-top: 10px;
	}

	.find_support .title_1{
		font-size: 18px;
	}

	.find_support .tabs ul.ui-tabs-nav li{
		margin-bottom: 16px!important;
	}
	.find_support .tabs ul.ui-tabs-nav a.ui-tabs-anchor{
		    text-align: center;
		    width: 100%;
	}

	.find_support .tabs .ui-tabs-nav{
		    display: grid;
    justify-content: center;
	}
		.infographics .div_list a svg{
		display: none;
	}

		.infographics .div_list a{
		line-break: auto;
	}
	.about_rest_bg{
		display: none;
	}

	.about_rest_hub .div_map .box{
		position: relative;
		top: inherit!important;
		left: inherit!important;
		bottom: inherit!important;
		right: inherit!important;
		margin-bottom: 16px;
	}

	.about_rest_hub .div_map .text-flat{
		position: relative!important;
		width: 100%;
		top: inherit!important;
		left: inherit!important;
		bottom: inherit!important;
		right: inherit!important;
	}
	.about_rest_hub .div_map .boxc{
		display: flex;
	}
	.about_rest_hub .div_map .map_icon{
		position: relative!important;
		top: inherit!important;
		left: inherit!important;
		bottom: inherit!important;
		right: inherit!important;
		margin-right: 16px;
	}

	.about_rest_hub .div_map .b3 .text-flat{
		margin-top: 4%!important;
	}

	.about_rest_hub .div_map .text-flat_c div{
		width: 100%;
		left: 0;
		position: relative!important;
	}

	.about_rest_hub .div_map{
		padding-top: 1em!important;
	}
	.map_flat{
		display: none;
	}
	.about_rest_hub .div_map .text-flat div{
		position: relative!important;
		top: inherit!important;
		left: inherit!important;
		bottom: inherit!important;
		right: inherit!important;
	}

	.about_rest_hub footer{
		margin-top: 0;
	}


}


@media ( max-width : 576px) { /*sm*/
    
    
    .ui-accordion-header:after {
        width: 100% ;
    }
    
    .survey_result .ui-accordion .ui-accordion-content {
    padding: 1.5rem!important;
    }
    .br_20 {
    border-radius: 10px;
}
    
  .div_ans tbody tr{
    padding: 10px 0;
    display: block;
}
    
    .div_q_no_lab {
        width: 30px;
    }
    .s_banner h1 {
        text-shadow: #333 2px 2px 10px;
        font-size: 18px;
    }
    .step-progressbar-rounded{
        /*margin-bottom: -30px;*/
    }
    
    .survey .div_q_no {
    
        font-size: 16px;
        padding: 8px;

    }
    
    .survey div[data-type='3'] .div_ans {
        border-radius: 10px;
    
    }
    
    .opt_cc_5.type_3 {
        margin-top: 30px;
    }
    
    
    .survey .div_q_display_text {
        padding:  15px;
    }
    .survey .div_q_text {
    
        box-shadow: 0px 0px 8px #CCC;
        padding: 30px 15px 15px 15px;

    }
    .div_ans.type_3    thead , .div_ans.type_3  .div_tb_desc{
        display: none;
    }
    
    .opt_cc_4.type_3 {
    margin-top: 10px;
}

.survey_result .div_group{
    margin-bottom: 50px;
}


    .div_ans td input[type=radio]{
        float:left;
        margin-right: 10px;
    }

    .div_ans td span {
        display: inline-block !important;;
        width: 88%;
    }

    .div_ans.type_3  tbody td{
        display: inline-block ;
        width: 100%;
        text-align: left !important
    }
    
        
    .div_ans tr td {
    padding-left: 10px;
    
} 
    .div_ans tr td:nth-child(1) {
    padding-left: 10px;
    margin-bottom: 10px;
}
    
    body {
        font-size: 15px !important;
        line-height: 24px;
    }
    
    
    .wellness_self_assessment .div_foot .div_yn, .wellness_self_assessment_result .div_foot .div_yn {
        min-width: 50px;
        position: unset;
        text-align: center;
        bottom: 10px;
        margin-top: 20px;
        float: right;
    }
    
    .wellness_self_assessment .div_foot .title {
    width: 100% ;
    color: #3C1A99;
    float: left;
    line-break: auto;
}
    
    footer {
    padding-top: 30px;
    min-height: 300px;
    
    margin-top: 0px;
}


.sm_break ,br.home_about{
    
    display: block;
    
}

    .wellness_self_assessment .div_img img {
    height: 185px;
}
    
    h1 {
        font-size: 2.5rem;
    }

    .w-xs-100{
        width: 100% !important
    }
    
    .wellness_self_assessment .bg_boy {
    
        right: auto;
    }


    footer .fs-6 {
        font-size: 12px !important;
        line-height: 20px;
    }
    
    .find_support .pic_support {
    position: absolute;
    width: 32vw;
    z-index: -1;
    right: -3%;
    top: 100px;
}
	.contact_us .pic_contact{
	width: 100%!important;
}
    .our-donor-bg{
    	bottom: 5px;
    }
    .div_lang   .div_select_lang{
        margin-top: 0px;
    }
    .nav3 .div_select_lang {
        top: 0px;
    }

.home .owl-carousel .owl-nav .owl-next{
	right: -15px;
}
.home .owl-carousel .owl-nav .owl-prev{
	left: -15px;
}
    input.hamburger:checked ~ .drawer-list li a {
    padding:  0;
}

.home .home_bg_2{
    padding-top: 200px;
    padding-bottom: 400px;
     background-size: 150%;

}

.home .home_bg_1{
	padding-bottom: 50px;
}
    .div_lang:hover .div_select_lang {
    display: block !important;
    position: absolute;
    top: 30px;
    
    width: 100%;
}

    
    label.hamburger {
    right: 20px;
    top: 20px;

}


    .navbar-brand {
    position: absolute;
    top: 20px;
    left: 20px;
}
    
    
    .drawer-list li a {
    font-size: calc(18px );
}
    
   .navbar  > .nav2{
        display:none
    }

 .navbar-brand {
    width: 35%;
}



}


/*ipad*/

@media screen and (min-width: 768px) and (max-width: 768px) {
	

}