@charset "utf-8";

/* CSS Document */





@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {



.service-one {

    width: 100%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 30px;

}

.showcase {

    padding: 100px 20px 100px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}

.social-media {

    display: none;

}

.call {

    text-align: center;

}
.chart li {
    height: 155px;
}


.chart span {
    margin: 0 7px;
}

.chart span:before {
    padding: 7px;
}
.list-of-graph {
    padding: 60% 0 0 0;
}

}





@media only screen and (min-device-width : 481px) and (max-device-width : 576px) {



.service-one {

    width: 100%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 30px;

}

.showcase {

    padding: 100px 20px 100px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}

.social-media {

    display: none;

}

.call {

    text-align: center;

}

.chart li {
    height: 155px;
}


.chart span {
    margin: 0 7px;
}

.chart span:before {
    padding: 7px;
}
.list-of-graph {
    padding: 20% 0 0 0;
}



}







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



.service-one {

    width: 100%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 40px;

}

.showcase {

    padding: 200px 20px 200px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}

.chart li {
    height: 155px;
}


.chart span {
    margin: 0 7px;
}

.chart span:before {
    padding: 7px;
}
.list-of-graph {
    padding: 13% 0 0 0;
}






}









@media only screen and (min-device-width : 769px) and (max-device-width : 992px) {



.service-one {

    width: 100%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 40px;

}

.showcase {

    padding: 200px 20px 200px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}


.chart li {
    height: 155px;
}


.chart span {
    margin: 0 7px;
}

.chart span:before {
    padding: 7px;
}
.list-of-graph {
    padding: 13% 0 0 0;
}






}





@media only screen and (min-device-width : 993px) and (max-device-width : 1024px) {



.service-one {

    width: 100%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 40px;

}

.showcase {

    padding: 200px 20px 200px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}







}







@media only screen and (min-device-width : 1025px) and (max-device-width : 1140px) {



.service-one {

    width: 50%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 40px;

}

.showcase {

    padding: 200px 20px 200px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}







}





@media only screen and (min-device-width : 1141px) and (max-device-width : 1365px) {



.service-one {

    width: 50%;

  

}



.row-max {

    display: flex

;

    flex-wrap: wrap;

}

.top_heading h1 {

    font-size: 40px;

}

.showcase {

    padding: 200px 20px 200px 0px;

}



.join-us-section {

    padding: 50px 0px;

}

.hero-and-desc h2 {   

    font-size: 28px;

}



.hero-and-desc p {

    line-height: 20px;

    font-size: 15px;

}



.section-title h2 {

    font-size: 22px;

}



.owl-controls .owl-buttons .owl-next {

    top: 25%;

}



.owl-controls .owl-buttons .owl-prev {

    top: 25%;

}

.post-slide .post-title a {

    width: 100%;

}



#news-slider {

    margin-top: 0px;

}.info-details p {

    font-size: 20px;

    font-weight: 900;

}

.info-details {

    padding: 12px 0 0 5px;

}

input.newsletter-box {

    padding: 15px 57px 15px 17px;

}

button.subscribe-btn {

    padding: 15px 20px;

    font-size: 13px;

}.info-news-box {

    padding: 8px 0 0 0;

}

.icon-img span img {

    width: 80px;

}

.info-details span {

    font-size: 16px;

}







}