
@media (min-width: 1600px) and (max-width: 1919px) {
    .container {max-width: 94% !important;}
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .container {max-width: 94% !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {max-width: 94% !important;}
    header.header a.navbar-brand img {max-width: 100px;}
    header.header.scrolled a.navbar-brand img {max-width: 90px;}
    .homebannerinner {height: 65vh;max-height: 750px !important;}
    .sectionpadding {padding: 80px 0px 80px;}
    .homebannertext h1 {font-size: 60px;line-height: 70.85px;}
    .homebannertext {top: 54%;}
    .sectioncontent.ps-5 {padding-left: 2rem !important;}
    .sectioncontent.pe-5 {padding-right: 2rem !important;}
    h2 {font-size: 32px;line-height: 45px;margin-bottom: 15px;}
    .keyfocusarea .sectioncontent p {max-width: 75%;}
    .keyfocusarea .sectioncontent {padding: 50px 40px;}
    #keyfocusslide .owl-nav {bottom: 105px;}
    .whoweworkedcont h3 {font-size: 16px;}
    .teamdatatext {min-height: 135px;}

    .eventdate p span {font-size: 20px;}
    .eventcontentext {padding: 35px 15px 25px;flex-direction: column;}
    .eventtextmain {margin-left: 0px;}
    .eventdate {position: absolute;top: -25px;left: 015px;}
    .footercontent h3 {font-size: 18px;}      

}

@media (min-width: 768px) and (max-width: 991px) {
    .container {max-width: 96% !important;}
    header.header {padding: 8px 0px 8px;}
    .header.scrolled {padding: 8px 0px;}
    header.header a.navbar-brand img {max-width: 85px;}
    header.header.scrolled a.navbar-brand img {max-width: 75px;}
    .navbar-collapse {background: #fff;padding: 10px 10px 35px;margin: 10px 0px 5px;}
    ul.navbar-nav a.nav-link {color: #000000;}

    section.homebanner {margin-top: 102px;}
    .homebannertext h3 {font-size: 16px;margin-bottom: 10px;}
    .homebannertext h1 {font-size: 38px;line-height: 56px;}
    .homebannerinner {height: 55vh;}
    button.navbar-toggler {font-size: 12px;padding: 8px 10px;border-color: #0CA650;}
    .sectionpadding {padding: 65px 0px 65px;}

    h2 {font-size: 26px;line-height: 38px;margin-bottom: 15px;}
    h2 span {font-size: 16px;}
    .sectioncontent p {font-size: 16px;line-height: 26px;}
    .sectioncontent.ps-5 {padding-left: 1rem !important;}
    .sectioncontent.pe-5 {padding-right: 1rem !important;}
    .keyfocusarea .sectioncontent p {max-width: 470px;}
    .keyfocusarea .sectioncontent {padding: 45px 20px;}
    #keyfocusslide .owl-nav {bottom: 100px;}

    #keyfocusslide .owl-nav .owl-prev, #keyfocusslide .owl-nav .owl-next {font-size: 35px;}
    .sectioncontent a {font-size: 15px !important;}
    .whoweworkedcont h3 {font-size: 14px;}
    .teamdata {margin-bottom: 25px;}

    .eventdate p span {font-size: 20px;}
    .eventcontentext {padding: 35px 15px 25px;flex-direction: column;}
    .eventtextmain {margin-left: 0px;}
    .eventdate {position: absolute;top: -25px;left: 015px;}
    .getin p i {width: 40px;height: 40px;font-size: 16px;}
    .getin p a {font-size: 15px;margin-left: 5px;}
    .getintouchinfo .getin {margin-right: 25px;}
    .getintouchform {margin-top: 25px;}
    .getintouchform input, .getintouchform textarea {padding: 12px 15px;}
    .getintouchform textarea {height: 100px;}
    .footercontent h3 {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .footercontent h4 {font-size: 15px;line-height: 100%;margin-bottom: 10px;}
    .footerbottomcontent p {margin: 0;}
    .footerbottomcontent {margin-top: 25px;}
    .map iframe {width: 100%;height: 206px;}
    .social-icons a {font-size: 18px;}
}

@media (max-width: 767px){
    header.header {padding: 8px 0px 8px;}
    .header.scrolled {padding: 8px 0px;}
    header.header a.navbar-brand img {max-width: 65px;}
    header.header.scrolled a.navbar-brand img {max-width: 55px;}
    .navbar-collapse {background: #fff;padding: 10px 10px 35px;margin: 10px 0px 5px;}
    ul.navbar-nav a.nav-link {color: #000000;}

    section.homebanner {margin-top: 82px;}
    .homebannertext h3 {font-size: 16px;margin-bottom: 10px;}
    .homebannertext h1 {font-size: 25px;line-height: 35px;}
    .homebannerinner {height: 36vh;}
    button.navbar-toggler {font-size: 12px;padding: 8px 10px;border-color: #0CA650;}
    .sectionpadding {padding: 50px 0px 50px;}
    .sectioncontent {padding: 40px 10px 0px !important;}

    .bannerbtn a {padding: 9px 15px;font-size: 14px;}

    h2 {font-size: 25px;line-height: 35px;}
    h2 span{font-size: 16px;}
    p {font-size: 15px !important;line-height: 24px !important;}
    .sectioncontent a {font-size: 14px !important;}
    section.whoweworked .sectioncontent {padding-top: 0px !important;}
    section.keyfocusarea .sectioncontent {padding-bottom: 40px !important;}
   
    .whoweworkedcont {margin-bottom: 25px;}
    .whoweworkedcont h3 {font-size: 16px;}
    section.ourteamsec .sectioncontent {padding-top: 0px !important;}
    .tabsectionbutton {position: static;}
    .tabsectionbutton .nav-pills {justify-content: flex-start;margin-bottom: 50px !important;}
    .teamdata {margin-bottom: 25px;}
    .eventcontent {margin-bottom: 25px;}
    .getintouchinfo {align-items: flex-start;flex-direction: column;}
    section.getintouch {overflow: hidden;}
    .getin p i {width: 45px;height: 45px;font-size: 16px;}
    .getin p a {font-size: 15px;margin-left: 10px;}
    .getintouchinfo .getin {margin-right: 0px;min-width: 265px;}
    .footercontent {margin-bottom: 25px;}
    .footerbottomcontent {margin-top: 0px;}
    .tabsectionbutton .nav-pills button.nav-link{font-size: 15px;}
}


