@media all and (max-width: 2000px) and (min-width:1700px)

{

.half-back-img

{

  background: #34495e;

  background: url(../../assets/img/side-banner-1920.jpg) no-repeat right bottom #34495e;

  padding: 0;

}

#hero h2 {

    font-size: 50px;

}

}

@media all and (max-width:1699px) and (min-width:1400px)

{

.half-back-img

{

  background: #34495e;

  background: url(../../assets/img/side-banner-1600.jpg) no-repeat right bottom #34495e;

  padding: 0;

}

#hero h2 {

    font-size:40px;

}

}



@media all and (max-width:640px) and (min-width:100px)

{

.para_group_a p {

    font-size: 17px;

    color: #1a1a1a;

    margin: 0;

    width: auto;

    line-height: 1.6rem;

}

.box-grid-3 

{

    display: block;

}

.box-grid-4 {

    display: block;

}

.boxwrap

{

	margin: 0 0 1.5rem;

}

.video

{

	margin:2rem 0 0;

}

#hero .carousel-content

{

	margin:0 5%;

}

#hero h2

{

	font-size: 28px;

	line-height: 40px;

}

.half-back-img

{

	background: #34495e;

}

.donate-btn

{

	margin: 0 1rem;

	display: block !important;

    color: #fff !important;

}

li.dropdown ul li a.social

{

	color:#000;

}

.content-section h2 {

    font-size: 23px;

    line-height: 2.2rem;

}

.content-section p 

{

    font-size: 18px;

    line-height: 1.5rem;

    padding:0 0rem;

}

.side-content h3

{

  font-size:22px;

  padding:0 0 .5rem;

}

.group-content h3

{

  font-size: 22px;

  line-height: 1.5rem;

  padding:0 0rem;

}

.group-content p

{

  font-size:16px;

  padding:0 0rem;

}

.para_group_a h2 {

    font-size: 25px;

}

.content-img

{

  padding: 1rem 0;

}

.vol-item 

{

    margin: 0 0 1.5rem;

}

.accordion-button.accor-btn

{

    text-align:center;

}

.accordion-body.accorbody {

    padding: 10px;

}

.our_work_contnet {

    position: relative;

    padding:1rem 0 0 0;

}

.workbox_full:before

{

    display:none;

}

.workbox_full {

    padding: 1em 1em;

}

.our_work_contnet h2 {

    font-size: 20px;

}

.work-content h2 {

    font-size: 30px;

}

.work-content h2:before {

    width: 15%;

    left: 5%;

    top: 16px;

}

.work-content h2:after {

    width: 15%;

    right: 5%;

    top: 16px;

}

.marto-50

{

    margin-top:15px;

}

.vol-txt {

    padding: 20px;

}

.counter_space

{

    margin:20px 0;

}

#counter .counter-Txt

{

    margin-bottom:35px;

}

#counter .counter-Txt:nth-last-child(1)

{

    margin-bottom:0px;

}
#header .logo img {
    width: 130px;
}
.logo img.logowrap {
    padding: 25px 15px 15px !important;
    border-radius: 0 0 20px 20px;
}
}