/*-------------------- Media Style -------------------*/
/*-------------- media section ---------------*/

@media screen and (min-device-width: 1600px) and (max-device-width: 1920px) {

#slider img {
width: 100%;
height: auto;
}
#donate .small-head {
    margin-top: 0%;
    }
.carousel-control-prev {
left: -150px;
}
.carousel-control-next {
right: -112px;
}
.te-main-menu, .header_search{
padding-right: 40px;
}
.sidecol-color {
padding-top: 4%;
}
.sidecol-color1 {
padding-top: 4%;
}
.text-main {
    color: white;
    padding-top: 11%;
}
.video-sec {
    height: 400px;
}
img.img_donate {
width: 240px;
position: absolute;
top: 21%!important;
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
}
#donate {
margin-top: 8%;
height: 400px
}
#donate .small-head {
margin-top: 34px;
}
#slider img {
width: 100%;
height: auto;
}
.video-bg-img img{
background-repeat: no-repeat;
background-size: cover;
}
.blog-data{
margin-top: -40px;
}
.recent-post-head h3 {
padding: 0px 0px; 
}
}
@media screen and (min-device-width: 1440px) and (max-device-width: 1440px) {
#slider img {
width: 100%;
height: auto;
}
#donate .small-head {
    margin-top: 0%;
}
}
@media screen and (max-width:1199px) {
#slider .inner_carousel h3 {
padding-left: 15%;
padding-right: 15%;
}
.main-navigation li {
padding: 5px 10px !important;
}
img.img_donate {
top: 20%!important;
}
h4.fac-text {
padding: 19px;
}
.carousel-control-prev {
left: 0px;
}
.carousel-control-next {
right: 0px;
}

#donate .small-head {
margin-top: 60px;
}
}

@media screen and (max-width:576px) {
#slider img {
width: 100%!important;
height: auto!important;
margin-top: 0%;
}
.header_search{
display: none;
}
#newsletter input[type="email"] {
width: 47%;
}
.video-sec {
height: auto;
}
.color-row {
margin-bottom: 30px;
}
#video i {
margin-bottom: 20px;
}
.text-main {
padding: 40px;
padding-left: 5%;
padding-right: 5%;
}
.logo_outer_box img {
margin: 0 auto;
display: block;
}

.col-btn {
background-color: #e9a41b;
text-align: center;
color: white;
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
.prop_desc{
display: none;
}
#slider .inner_carousel h3 {
padding-left: 0%;
padding-right: 0%;
font-size: 17px!important;
}
.carousel-caption h6.sub-head {
letter-spacing: 3px;
font-weight: 600;
font-size: 12px;
}
a.theme_button {
margin-top: 6px;
text-align: center;
background-color: #e9431b;
border: 1px solid #e9431b;
font-size: 12px;
}
.card-new-feat1, .card-new-feat2{
border-right: none;
}
.card-new-feat2{
margin-bottom: 10%;
}
.head-about {
font-size: 26px;
}
.small-head {
font-size: 14px;
}
.text-about{
padding-right: 0px;
padding-left: 0px;
font-size: 14px;
}
#donate {
margin-top: 30%;
height: 250px;
}
#donate .small-head {
margin-top: 35px;
}
.head-donate {
font-size: 32px;
}
img.img_donate {
width: 150px;
position: absolute;
top: 42%;
}
}
@media screen and (max-width: 768px){
.facility-card-txtnew {
padding: 12px;
padding-left: 0%;
padding-right: 0%;
}
#video .video-bg-img{
	background-color: black!important;
	background-image: none!important;
}
a.theme_button{
margin-bottom: 10%;
}
img.img_donate {
top: 18%!important;
width: 200px!important;
}
.col-btn a {
font-size: 14px;
}
.carousel-caption h6.sub-head{
margin-top: 30px;
}
.text-about {
padding-bottom: 6%;
}
#newsletter input[type="email"] {
width: 43%;
}
h3.voluntees-card-txt2 {
font-size: 30px;
}
.card-main {
padding: 10px;
margin-top: 0;
left: 0;
}
h4.fac-text {
font-size: 18px;
}
.head-about {
margin-bottom: 10px;
}
#Donate .owl-dot{
display: none;
}
#Donate .owl-dot.active{
display: none;
}
h3.voluntees-card-txt1 {
font-size: 20px;
}
#donate .small-head {
margin-top: 40px;
}
#donate {
margin-top: 24%;
}
#newsletter form.wpcf7-form.init {
width: 100%;
left: 0%;
}
#donate .small-head {
margin-top: 55px!important;
}
}
@media screen and (max-width: 425px){
.blog-data{
width: 86%;
}
h3.widget-title{
	text-align: center;
}
#vw-footer li {
 display: block;
 text-align: center!important;
 margin: 0 auto;
 }
 #vw-footer .footer2 li {
    display: flex;
}
h3.voluntees-card-txt2 {
font-size: 30px;
margin-top: 10%;
}
#slider .inner_carousel h3{
font-size: 26px!important;
}
#client {
background-color: black!important;
background-image: none!important;
}
.cover-wrapper {
padding: 30px;
}
#Donate-range .owl-dots{
display: none;
}
#newsletter input[type="email"] {
width: 50%;
}
#testimonial hr{
margin-left: 42%;
margin-right: 45%;
margin-top: 37px;
}
img.img_donate {
display: none;
}
img.img_donate {
width: 160px!important;
}
img.tab-img, img.tab-full{
margin-bottom: 20%!important;
}
.col-text-work {
padding-right: 0%; 
}
#slider a span i {
display: none;
}
img.img_donate {
width: 190px!important;
}
#newsletter input[type="submit"] {
border-radius: 0px;
font-size: 16px;
margin-left: 10px;
}
#subscribe1 {
padding-bottom: 12%;
}
#newsletter form.wpcf7-form.init {
width: 100%;
left: 0%;
}
.testimonial p {
padding: 0px; 
padding-left: 2%;
text-align: justify;
padding-right: 2%;
}
.content-donate {
padding-top: 0%;
}
}
@media screen and (max-width: 375px){
#newsletter form.wpcf7-form.init {
width: 100%;
left: 0%;
}
#slider .inner_carousel h3 {
font-size: 22px!important;
}
#newsletter input[type="email"] {
width: 46%;
}
}
@media screen and (max-width: 320px){
img.img_donate {
display: none;
}
#slider .inner_carousel h3 {
font-size: 16px!important;
}
#newsletter form.wpcf7-form.init {
width: 100%;
left: 0%;
}
#newsletter input[type="email"] {
width: 46%;
}
.head-about {
margin-bottom: 10px;
}
#donate {
margin-top: 5%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1024px){
img.img_donate {
width: 170px!important;
position: absolute;
top: 19%!important;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px){
.main-navigation a {
letter-spacing: 0px!important;
font-size: 13px!important;
}
}
@media screen and (max-width: 1024px){
.logo_outer_box img {
margin: 0 auto;
display: block;
}
h4.fac-text {
padding: 13px;
}
#donate .small-head {
margin-top: 35px;
}
.main-navigation ul ul a:hover{
padding: 4px 7%;
}
.menu-item-has-children ul.sub-menu {
display: none !important;
}
.menu-item-has-children ul.sub-menu.active {
display: block !important;
}
.topbar_details span.call, .topbar_details span.email, .topbar_details span.address{
display: block;
text-align: center;
border:none;
}
#slider img {
width: 100%;
margin-top: 0%;
height: auto;
}
#slider .inner_carousel h3 {
padding-left: 10%;
padding-right: 10%;
font-size: 50px;
}
.carousel-control-prev {
left: -33px;
}
.carousel-control-next {
right: 0px;
}
#slider a span i{
height: 67px;
}
.sf-arrows .sf-with-ul:after{
content: '';
position: absolute;
right: 0;
margin-top: 6px !important;
height: 0;
width: 0;
left:23% !important;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black !important;
}
.social-box{
text-align: center;
}
.row.bg-media {
float: right;
}
.mobile-menu{
display: block;
}
.main-navigation ul ul{
background-color: transparent;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
border-bottom: none;
}
.toggle-nav {
display: none;
position: relative;
float: right;
right: 15px;
height: 30px;
width: 30px;
cursor: pointer;
z-index: 999999;
right: 0;
margin-right: 0;
top: 0px;
margin: 0 auto;
display: block;
left: 0px;
float: none
}
.main-navigation ul ul a:hover {
transition: none !important;
}
.toggle-nav i {
font-size: 29px;
color: black !important;
cursor: pointer;
color: white;
}
#cat_togglee{
display: none;
}
.te-main-menu {
padding: 25px; 

}
.sidenav {
height: 100%;
width: 0%;
position: fixed;
z-index: 9999999;
top: 0;
right: 0;
background: linear-gradient(288deg,#e9431b,#f3f9ff);
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
display: block;
color: #ffffff;
}
.sidenav #site-navigation {
width: 100%;
}
.toggle-nav span{
font-size:30px;
cursor:pointer;
text-align: right;
display: none;
}
iframe {
width: 100%;
height: auto;
}
.toggle-nav{
display: block;
}
.innermenubox {
position: static;
}
.main-navigation a {
color: black;
font-size: 12px;
}
.main-navigation .menu{
float: none;
text-align: center;
}
.main-navigation ul ul li,
#masthead.scrolled .main-navigation ul ul li{
display: block;
}
.main-navigation .menu > ul > li.highlight{
background: transparent !important;
}
.menu > ul > li:hover:before,
.menu > ul > li.current_page_item:before,
.menu > ul > li.current-menu-item:before{
display: none;
}
.toggle i.fa.fa-bars,.toggle i.fa.fa-times {
float: right;
color: black;
}
.menubar .nav ul{
width:100%;
margin-top:0;
margin-left: 0px;
}
.menubar .nav ul li,
.menubar.scrolled .main-navigation li{
border-top:1px #303030 solid;
display:block;
text-align:left;
float:none;
width: 100%;
}
.nav ul li a{
padding: 5px 18px;
display: block;
width: max-content;
}
.nav ul li a:hover{
color:#e9431b;
}
.nav ul li ul,
.nav ul li ul ul{
display: block;
padding-left: 25px;
}
.address-details, .timing-details{
border-left: none;
}

.nav ul li ul li a:before{
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
transform: rotate(90deg);
position: absolute;
top: 16px;
left: 0px !important;
}
.nav ul li ul li a{
color: black;
}
.sf-arrows .sf-with-ul:hover:after {
transform: none !important;
}
.nav ul li ul li ul li a{
padding-left:30px !important;
}
.main-navigation ul ul{
border: none;
}
.main-navigation ul ul {
position: static;
width: 100%;
box-shadow: none;
}
.menubar {
padding: 0px 11px !important;
}
.fcontact_text span.phone-text{
font-size: 25px;
}
.main-navigation li{
padding: 5px;
}
.main-navigation ul ul li:hover{
background: black;
}
.te-main-menu {
padding: 25px;
}
.main-navigation li{
display: block;
.main-navigation ul ul{
left: 0;
color: #000;
text-transform: none;
border: none;
position: absolute;
top: 38px;
z-index: 200;
display: none;
margin: 0 auto auto 0;
width: 250px;
text-align: left;
border: 2px solid #e9431b;
padding: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main-navigation ul ul a {
color: black;
display: block;
text-decoration: none;
padding: 10px 8%;
font-size:12px;
padding-bottom: 10px;
font-weight:400;
width: max-content;
}
.menu li a:hover {
color: #004b4c;
}
.main-navigation ul ul a:hover{
text-decoration: none;
color: #004b4c;
padding:10px 12%;
}
.main-navigation ul ul li:hover{
text-decoration: none;
color: #004b4c;
background:#caeced;
width: 100%;

}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul:after{
content: '';
position: absolute;
right: 0;
margin-top: 7px !important;
left: 21% !important;
height: 0;
width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black !important;
}
.sf-arrows .sf-with-ul:hover:after{
transform: rotate(-90deg);
border-top: 8px solid #e9431b;
}

.sf-arrows ul.sub-menu li a:hover:before{
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #e9431b;
transform: rotate(90deg);
position: absolute;
top:46%;
left: 4%;
}
.sf-arrows ul .sf-with-ul:after{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: black;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color: black;
}
.toggle-nav, a.closebtn{
display: none;
}
.main-navigation ul ul ul {
left: 100%;
top:-2px;
}
.sf-arrows ul ul.sub-menu li a:hover:before{
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #e9431b;
transform: rotate(90deg);
position: absolute;
top:5%;
left: 4%;
}
.sf-arrows ul ul .sf-with-ul:after{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: black;
}
.menu {
padding: 0px;
}
}