@media only screen and (max-width: 1600px) {
section.kareta .kare{padding:1rem 5rem; width:33.3%; height:660px;}
#cssmenu > ul > li > a { font-size:1rem; padding:0.5rem 0.25rem 2rem 0.25rem; } 
#cssmenu > ul > li { margin-left:1rem;}
}

@media only screen and (max-width:1440px) {
section.kareta .kare{padding:1rem 5rem; width:33.3%; height:770px;}
section.patient-info .patient-text{padding:7rem 0 0 0; width:56%;}
section.patient-info p {padding:0 18rem 0 4rem;}
.slider .owl-carousel .item .item-caption {width:48%;}


}

@media only screen and (max-width:1366px) {
.slider .owl-carousel .item .item-caption h1{margin:13rem 0 0 0; font-size:3rem; line-height:3.7rem;}
.slider .owl-carousel .item .item-caption .slider-read-more a{padding:0.5rem 1rem; width:50%;}
section.kareta .kare{padding:1rem 3rem; width:33.3%; height:670px;}
h1{font-size:3rem; line-height:3.3rem;}
section.patient-info p {padding:0 14rem 0 4rem;}
}

@media only screen and (max-width: 1280px) {
header .logo{width:18%;}
header .navigation{width:82%;}
#cssmenu > ul > li{margin:0 0 0 1.5rem;}
section.kareta .kare{padding:1rem 3rem; width:33.3%; height:740px;}
section.patient-info p {padding:0 12rem 0 4rem;}
#cssmenu > ul > li > a { font-size:0.938rem; padding:0.5rem 0.125rem 2rem 0.125rem; } 
#cssmenu > ul > li { margin-left:0.5rem;}
}

@media only screen and (max-width: 1152px) {
#cssmenu > ul > li{margin:0 0 0 0.4rem;}
section.kareta .kare{padding:1rem 3rem; width:33.3%; height:760px;}
section.kareta .kare h2{margin:0 0 2rem 0; font-size:1.8rem; line-height:2.3rem;}
section.patient-info p {padding:0 8rem 0 4rem;}
footer .footer-kare h2{font-size:1.5rem; line-height:2.3rem;}
footer .footer-kare p{font-size:1.2rem; line-height:1.8rem;}
section.home-news{width:86%;}
section.home-news .body .news-kare{padding:0; margin:0 4% 4rem 4%; float:left; width:42%;}
.slider .owl-carousel .item .item-caption {width:52%;}

header { background:#fff ;}
header .navigation { position:relative; background:none; width:100%; }

.menu-items { width:100%;}
#cssmenu > ul > li { margin:0; }
#cssmenu > ul > li > a { background:#206297/*#ffc000*/; border-bottom:1px solid #FFF; padding:1.5rem 0.7rem; color:#FFF; }
#cssmenu > ul > li > a:hover { color:#FFF;}
#cssmenu > ul > li > a.donate-btn { margin-top:0; padding:1.5rem 0.7rem; color:#212e42;	 }

.sub-menu { width:100% !important;}
.dropdown ul.sub-menu a { background:#122d42; color:#FFF !important;}
#cssmenu ul ul li a { width:100%; border-bottom:1px solid #081e2e; padding:1rem 0.7rem;}

.nav-toggle { position:absolute; top:-4.5rem/*1rem*/; right:0; margin-right:2% !important; }
.nav-toggle active {}
nav#cssmenu { margin-top:2rem;}
.controllSize { width:80%; }

#cssmenu ul ul{position:relative; left:0; margin:0; border:none;}
#cssmenu ul ul li{height: auto; background:#ffc000; line-height:1.6em; margin-left:0;}
#cssmenu li:hover > ul{left:0;}
#cssmenu li:hover > ul > li{height:auto; text-align:left;}
#cssmenu > ul > li > a{ margin-top:0; }

.controllSize { margin:-4rem 0 0 0; }

#cssmenu > ul > li:hover > a{color:#fff;}
}

@media only screen and (max-width: 1024px) {
body {font-size:1.1rem; line-height:2rem;}
header .logo{width:20%;}
/*header .navigation{width:80%;}*/
#cssmenu > ul > li{margin:0 0 0 0.1rem;}
.slider .owl-carousel .item .item-caption h1{margin:12rem 0 1rem 0; font-size:2.4rem; line-height:3rem;}
.slider .owl-carousel .item .item-caption p{font-size:1.1rem; line-height:1.7rem;}
.slider .owl-carousel .item .item-caption .slider-read-more a{padding:0.5rem 1rem; width:70%;}
section.kareta .kare{padding:1rem 3rem; width:33.3%; height:690px;}
section.kareta .kare h2{margin:0 0 1rem 0; font-size:1.5rem; line-height:2.3rem;}
section.kareta .kare p{font-size:1.1rem; line-height:1.5rem;}
h1{font-size:2.4rem; line-height:3rem;}
section.we-do{padding:4rem 2%;}
section.patient-info .patient-text{padding:10rem 0 0 0; width:56%;}
section.patient-info p {padding:0 6rem 0 4rem;}
section.inner-content{width:80%;}
section.inner-content .body{padding:1rem 0 4rem 0;}
section.home-news .body .news-kare .news-title{line-height:1.5rem;}
footer {padding:4rem 2%;}
}

@media only screen and (max-width: 991px) {
header {margin:0rem 0 1rem 0;}
header .logo{width:50%;}
header .logo img { margin-top:1rem;}
/*header .navigation{width:50%;}*/
/*----------------start MENU-----------------*/
nav{width:100%; position:absolute; z-index:1000; top:3rem; right:0;}
/*#cssmenu{width:100%; height:49px;}
#cssmenu ul{width:100%; display:none; background:#ffc000; margin:0; line-height:1.4rem;}
#cssmenu ul li{width:100%; border-bottom:1px solid #ffffff; padding:0; margin:0;}
#cssmenu > ul > li > a{padding:1rem 0.7rem;}
#cssmenu ul li:last-child {border-bottom:none;}
#cssmenu ul li:hover{background:#192c40;}
#cssmenu ul li a:hover{color:#ffffff !important;}
#cssmenu > ul > li:hover > a{color:#ffffff;}
#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{clear:both;}
#cssmenu > ul > li{float:none;}
#cssmenu ul ul{position:relative; left:0; width:100%; margin:0; text-align:left;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul ul li{background:#122d42; border-bottom:1px solid #081e2e; border-top:none;}
#cssmenu ul ul li a{color:#ffffff !important; background:none; width:100%; border-bottom:0; padding:0.7rem 3rem;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#ffffff !important; background:#276496 !important;}
#cssmenu ul ul ul li{border-bottom:1px solid #37a7a6;}
#cssmenu ul ul ul li a{width:100%; padding:0.7rem 0 0.7rem 3.8rem; color:#ffffff !important;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}
#cssmenu #head-mobile{display:block; padding:32px; color:#ddd; font-size:12px; font-weight:700;}
*/
.button{top:-0.7rem; width:30%; height:45px; position:absolute; right:1.4rem; cursor:pointer; z-index:10000;}
.button:after{position:absolute; top:23px; right:0px; display:block; height:4px; width:28px; border-top:3px solid #2a5673; border-bottom:3px solid #2a5673; content:''}
.button:before{position:absolute; top:16px; right:0px; display:block; height:3px; width:28px; background:#2a5673; content:'';
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;}
.button.menu-opened:after{top:23px; border:0; height:3px; width:25px; background:#2a5673;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;}
.button.menu-opened:before{top:23px; background:#2a5673; width:25px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute; z-index:10099; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer;}
#cssmenu .submenu-button.submenu-opened{background:none;}
#cssmenu .submenu-button:after{position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#ffffff; content:''}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#ffffff; content:''}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
#cssmenu ul ul .submenu-button{height:45px; width:100%;}
#cssmenu ul ul .submenu-button:after{top:23px; right:13px;}
#cssmenu ul ul .submenu-button:before{top:20px; right:16px;}
#cssmenu ul ul .submenu-button:after{position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#ffffff; content:''}
#cssmenu ul ul .submenu-button.submenu-opened:after{background:#000000;}
#cssmenu ul ul .submenu-button:before{position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#ffffff; content:''}
/*----------------END MENU-----------------*/
.slider .owl-carousel .item .item-caption {padding:0 3rem; width:50%; height:835px;}
.slider .owl-carousel .item .item-caption .slider-read-more a{margin:0; width:70%;}
section.patient-info p {padding:0 4rem 0 4rem;}
}

@media only screen and (max-width: 960px) {
section.kareta .kare{padding:1rem 3rem; width:33.3%; height:770px;}
section.kareta .kare h2{margin:0 0 1rem 0; font-size:1.5rem; line-height:2.3rem;}
section.kareta .kare p{font-size:1.1rem; line-height:1.6rem;}
section.home-news .body .news-kare{padding:0; margin:0 5% 4rem 5%; float:left; width:40%;}
.slider .owl-carousel .item .item-caption {width:55%;}
}

@media only screen and (max-width: 900px) {
section.kareta .kare{padding:1rem 3rem 4rem 3rem; width:100%; height:auto; text-align:center;}
section.kareta .kare img{padding:0 2.5rem 1rem 2.5rem; margin:3rem 0 0.5rem 0; float:none; width:auto;}
footer {padding:4rem 2% 1rem 2%;}
footer .footer-kare{padding:0; margin:0 0 2.5rem 0; float:left; width:100% !important; text-align:center;}
}

@media only screen and (max-width: 800px) {
.controllSize {display:none;}
.patient-info .patient-text{padding:7rem 0 0 0; width:56%;}
.slider .owl-carousel .item .item-caption {padding:0 3rem; width:100%; text-align:center;}
.slider .owl-carousel .item .item-caption h1{margin:9rem 0 0 0;}
.slider .owl-carousel .item .item-caption .slider-read-more a{margin:0 0 0 25%; width:50%;}
section.slider{max-height:550px; min-height:550px;}
.slider .owl-carousel .item .item-caption {height:550px;}
.nav-toggle { top:-4.5rem;}
nav#cssmenu { margin-top:-3rem;}
section.slider { margin:5rem 0 0 0; }
header .logo img { margin:0.5rem 0; }

}

@media only screen and (max-width: 768px) {
section.home-news{width:94%;}
section.home-news .body .news-kare{padding:0; margin:0 15% 4rem 15%; float:left; width:70%;}
}

@media only screen and (max-width:700px){
.button{right:1.2rem;}
section.we-do p{padding:0 2rem; margin:2rem 0 0 0; float:left; width:100%;}
section.patient-info .patient-image{background-image:url(../img/patient-image.jpg); background-repeat:no-repeat; background-size:cover; width:100%; min-height:299px; float:left;}
section.patient-info .patient-text{padding:3rem 0; margin:0; float:left; width:100%; border:0px solid #0C0; text-align:center;}
section.patient-info h1 {padding:0 1rem; margin:0 0 3rem 0; float:left; width:100%;}
section.patient-info p {padding:0 3rem; margin:0; float:left; width:100%;}
section.donate h1{padding:0 2rem; margin:2rem 0 0 0;}
section.donate p{padding:0 2rem; margin:2rem 0 0 0;}
section.home-news .body .news-kare{padding:0; margin:0 12% 4rem 12%; float:left; width:76%;}
section.inner-content{width:96%;}
}

@media only screen and (max-width: 640px) {



}

@media only screen and (max-width: 600px) {
.button{right:1rem;}
section.home-news .body .news-kare{padding:0; margin:0 8% 4rem 8%; float:left; width:84%;}
section.inner-content .body{padding:0.5rem 0 4rem 0;}
}

@media only screen and (max-width: 480px) {
.button{right:0.7rem;}
.slider .owl-carousel .item .item-caption h1{margin:8rem 0 0 0;}
}

@media only screen and (max-width: 360px) {
header {padding:0 6%;}
/*header .logo{width:70%;}
header .navigation{width:30%;}*/
.button{right:1.3rem;}
section.slider{max-height:600px; min-height:600px;}
.slider .owl-carousel .item .item-caption {height:600px;}
.slider .owl-carousel .item .item-caption h1{margin:4rem 0 1rem 0; font-size:2.2rem; line-height:3rem;}
.slider .owl-carousel .item .item-caption .slider-read-more a{margin:0; width:100%;}
h1{font-size:2.2rem; line-height:3rem;}
section.inner-content{width:90%;}
section.inner-content .body h1{padding:1rem 0 2rem 0; font-size:2.2rem; line-height:3rem;}

header .logo { width:45%; }
header .logo img { width:100%; margin-top:1rem; }
.nav-toggle { top:-3.875rem;}
}

@media only screen and (max-width: 320px) {
.button{right:1.1rem;}
.slider .owl-carousel .item .item-caption h1{margin:4rem 0 1rem 0; font-size:1.8rem; line-height:2.5rem;}
section.kareta .kare{padding:1rem 1.5rem 4rem 1.5rem; width:100%; height:auto; text-align:center;}
}