@media only screen and ( min-width:960px) and ( max-width:1200px ){

#menu ul{margin-top:0px;}

.initiative{padding: 50px 20px; height: 90%}

}


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

#menu ul li > a{padding: 4px 11px; font-size: 12px;}

#menu ul{margin-top: 0px;}

.banner-text h1{font-size: 80px;}

.banner-text p{font-size: 28px;}

#owl-carousel .owl-nav{top: -22%;}

.client-heading h2, .about-main h2, .contact-section h2, .upcomingheading h2{font-size:30px;}

.clients-section, .countdown-section{padding: 10px 20px;}

.qatar-time-text h2{font-size: 20px;}

.qatar-summit{margin-bottom: 10px;}

.speaker-text h4{font-size: 17px;}

#owl-carousel1 .owl-nav{top: -8px;}

.service-bx{padding: 30px;}

.service-bx h3{font-size: 30px;}

.initiative{padding:40px 20px;}

.initiative h3{font-size: 18px;}

.initiative p{font-size: 16px;}

.upcoming-text h4, .upcoming-text h3{font-size:18px;}

.upcoming-text{padding: 10px 15px; width: 85%;}

.upcoming-text p{font-size: 15px;}

}


@media only screen and ( min-width:600px) and ( max-width:767px ){

.banner-text h1{font-size: 55px; line-height: 40px;}

.banner-text p{font-size: 20px;}

.banner-text a{padding: 5px 28px;font-size: 14px;}

.banner-text a span{ font-size: 14px;}

.clients-section, .countdown-section{padding: 10px 20px;}

.client-heading h2, .about-main h2, .contact-section h2,  .upcomingheading h2{font-size:30px;}

.service-bx h3{font-size: 25px;}

#owl-carousel .owl-nav button span,
#owl-carousel1 .owl-nav button span, #owl-carousel3 .owl-nav button span{font-size: 45px;}

.speaker-text h4{font-size: 17px;}

.footzeallogos {margin: 20px 0px; text-align: left !important;}

#countdown{margin-top: 40px;}

.service-bx p{height: auto;}

.service-bx a{margin-top: 25px;}

.initiative{padding:40px 20px;}

.initiative h3{font-size: 16px;}

.initiative p{font-size: 14px;}


.contact-form{margin-top: 30px;}

.servicenew .col-md-6:first-child {
    padding-right: 15px;
}

.servicenew .col-md-6:last-child {
  padding-left: 15px;
}

.servicenew .col-md-6{padding: 0px 15px;}

.service-bx h3 br{display: none;}


}


@media only screen and ( min-width:320px) and ( max-width:599px ){
	
	.upcoming-text p {
   
    font-size: 17px;
    font-weight: 500;
}
.upcoming-text h4 {
 
    font-size: 22px;
    font-weight: 700;
}	
	.upcoming-text h3 {

    font-size: 18px;
    font-weight: 700;
}

.banner-text h1{font-size: 40px; line-height: 40px;}

.banner-text p{font-size: 20px;}

.banner-text a{padding: 5px 28px;font-size: 14px;}

.banner-text a span{ font-size: 14px;}

.clients-section, .countdown-section{padding: 10px 20px;}

.client-heading h2{font-size: 25px;}

#owl-carousel .owl-nav button span,
#owl-carousel1 .owl-nav button span, #owl-carousel3 .owl-nav button span{font-size: 45px;}

.qatar-time-text h2{font-size: 20px;}

.speaker-text h4{font-size: 17px;}

.footzeallogos {margin: 20px 0px; text-align: left !important;}

.service-bx p{height: auto;}

.service-bx{padding: 20px 20px;}

.service-bx h3{font-size: 25px;}

#countdown{margin-top: 50px;}

.about-main, .contact-section{padding: 30px;}

.about-main h2, .contact-section h2,  .upcomingheading h2{font-size:25px;}

.initiative{padding: 50px 30px; height: auto;}

.contact-form{margin-top: 30px;}

.service-bx a{margin-top: 25px;}

.servicenew .col-md-6:first-child {
    padding-right: 15px;
}

.servicenew .col-md-6:last-child {
  padding-left: 15px;
}

.servicenew .col-md-6{padding: 0px 15px;}

.speaker-text{padding: 0px 15px;}

#owl-carousel3 .owl-prev {
  margin-left: -24px;
}

#owl-carousel3 .owl-next {
  margin-right: -21px;}

.service-bx h3 br{display: none;}

}