@media only screen  and (min-width: 1445px)  {
 
}

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

}


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



@media only screen and (min-device-width : 992px) and (max-device-width : 1200px) {
  .class2 img{
    width: 100%;
  }
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.class11 {
    margin-top: 60px;
    margin-left: -30px!important;
}
.author_2 {
    width: 50%!important;
    float: right;
}
.class26 table {
    margin-left: 0!important;
}
.class39 {
    padding: 20px!important;
}

}


@media only screen 
  and (max-width: 992px) 
  and (min-width: 768px){
 .class2 {
    text-align: center;
}
.class3{
    text-align: center;
}
.class6, .class5 {
    margin-top: 10px;
    float: inherit!important;
}
.class7 {
    position: relative!important;
    right: 0!important;
    top:0!important; 
}
.class10 div {
    width: 350px;
    margin-left: 50px;
    height: 350px;
    border-radius: 50%;
    margin: auto!important;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class11 {
    margin-top: -119px!important;
    text-align: center;
    margin-left: 0!important;
    margin-bottom: 60px;
}
.author_2 {
    width: 40%!important;
    float: none;
}
.author_2 div {
    border: 2px solid #fff;
    overflow: hidden;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin-left: 10!important;
}
.content_2 {
    position: relative;
    padding-left: 30px;
    width: 60%!important;
    margin-bottom: 30px;
}
.class41 div {
    width: 350px;
    margin-left: 50px;
    height: 350px;
    margin: auto!important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class37 {
    padding-top: 0!important;
    padding-bottom: 50px!important;
    text-align: center;
}
.class36 h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    font-weight: 700;
    font-family: 'Raleway';
}
.class35 div {
    width: 350px;
    /* margin: auto; */
    margin-left: 50px;
    height: 350px;
    margin: auto!important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class39 {
    padding: 20px!important;
}

}


@media only screen 
  and (max-width: 767px) 
  and (min-width: 576px){
  .class2 {
    text-align: center;
}
.class3{
    text-align: center;
}
.class6, .class5 {
    margin-top: 10px;
    float: inherit!important;
}
.class7 {
    position: relative!important;
    right: 0!important;
    top:0!important; 
}
.class10 div {
    width: 350px;
    margin-left: 50px;
    height: 350px;
    border-radius: 50%;
    margin: auto!important;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class11 {
    margin-top: -119px!important;
    text-align: center;
    margin-left: 0!important;
    margin-bottom: 60px;
}
.author_2 {
    width: 40%!important;
    float: none;
}
.author_2 div {
    border: 2px solid #fff;
    overflow: hidden;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin-left: 10!important;
}
.content_2 {
    position: relative;
    padding-left: 30px;
    width: 60%!important;
    margin-bottom: 30px;
}
.class41 div {
    width: 350px;
    margin-left: 50px;
    height: 350px;
    margin: auto!important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class37 {
    padding-top: 0!important;
    padding-bottom: 50px!important;
    text-align: center;
}
.class36 h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    font-weight: 700;
    font-family: 'Raleway';
}
.class35 div {
    width: 350px;
    /* margin: auto; */
    margin-left: 50px;
    height: 350px;
    margin: auto!important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #113d74;
}
.author_2 div {
    border: 2px solid #fff;
    overflow: hidden;
    width: 165px!important;
    height: 165px!important;
    border-radius: 50%;
    margin-left: 100px;
}
.author_2 div img{
    width: 120%;
}
.content_2 {
    position: relative;
    padding-left: 0!important;
    width: 50%;
    float: right;
    margin-bottom: 30px;
}
.testimonial_2 {
    font-size: 16px !important;
    color: #333;
    padding: 30px 0px 23px!important;
}
.content_2 h2 {
    color: #fffc17;
    font-weight: 700;
    font-size: 25px;
    margin-top: 25px;
    width: 350px;
}
.class26{
    padding-bottom: 50px;
}
.class39 {
    padding: 20px!important;
}

}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 575px) {
  .class26 table {
    margin-left: 0!important;
}
.class2 img{
    width: 80%;
}
.class2 {
    text-align: center;
    padding-left: 0!important;
    padding-top: 25px;
    padding-bottom: 10px;
}
.class3{
    text-align: center;
}
.class6, .class5 {
    margin-top: 10px;
    float: inherit!important;
}
.class7 {
    position: relative!important;
    right: 0!important;
    top:0!important; 
}
.class10 div {
    width: 350px;
    margin-left: 50px;
    height: 350px;
    border-radius: 50%;
    margin: auto!important;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class11 {
    margin-top: -119px!important;
    text-align: center;
    margin-left: 0!important;
    margin-bottom: 60px;
}
 
 
.class41 div {
    width: 350px;
    margin-left: 50px;
    height: 350px;
    margin: auto!important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #113d74;
}
.class37 {
    padding-top: 0!important;
    padding-bottom: 50px!important;
    text-align: center;
}
.class36 h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    font-weight: 700;
    font-family: 'Raleway';
}
.class35 div {
    width: 350px;
    /* margin: auto; */
    margin-left: 50px;
    height: 350px;
    margin: auto!important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #113d74;
}
 
 
  
.class26{
    padding-bottom: 50px;
}
.class39 {
    padding: 20px!important;
}
.class11 h2 {
    color: #4f7a6e;
    font-size: 25px;
    font-family: 'Cantarell';
}
.class10 div {
    width: 100%!important;
}
.class30 h1 {
    color: #fff;
    font-size: 35px;
    text-shadow: 1px 5px 5px rgb(0 0 0 / 60%);
}
.class30 {
    padding: 75px 0!important;
    text-align: center;
}
.class45 h1 {
    color: #113d74;
    font-size: 35px;
    font-weight: 700;
    font-family: 'Raleway';
}
.content_2 {
    position: relative;
    padding-left: 0!important;
    padding: 5px!important;
    width: 100%!important;
    float: right;
    margin-bottom: 30px;
    text-align: center;
}
.author_2 {
    width: 100%!important;
    float: unset;
}
.author_2 div {
    border: 2px solid #fff;
    overflow: hidden;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin: auto!important;
}
.content_2 h2 {
    color: #fffc17;
    font-weight: 700;
    margin-top: 25px;
    width: 100%!important;
    text-align: center;
}
.class10 div img {
    margin-left: -100px;
    margin-top: -181px;
    width: 155%;
}
.tab {
    background-color: #4f7a6e;
    width: 100%;
    height: auto!important;
    border-radius: 25px;
    overflow: hidden;
}
.tabcontent h3 {
    color: #294162;
    font-weight: 700;
    font-family: 'Raleway';
    text-align: center;
    font-size: 35px;
    margin-top: 25px;
}
}



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



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


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