@media only screen  and (min-width : 1824px) {
.img-box img{
height: 750px;
}
.section-heading h1{
font-size: 26px;
}
}
@media screen and (max-width: 834px){
.img-box img{
height: 325px;
}
}
@media screen and (max-width: 769px){
.sidebar ul li a{
font-size: 45px;
}
.nav-bar .social-icon i{
font-size: 60px;
}
.nav .logo{
max-width: 120px;
}
.inside-banner .banner-content{
width: 77%;
}
.inside-banner{
min-height: 300px;
}
.inside-banner .banner-content h1{
font-size: 40px;
}
.grid-section{
grid-template-columns: repeat(1,1fr);
}
.img-box img{
height: 525px;
}
.text-box{
padding: 5%;
}
.consultanct .grey-section{
padding: 5%;
}
.text-content p{
font-size: 20px;
}
.blue-section {
padding: 5%;
}
.grey-section{
padding: 5%;
} .expert-content .expert-text-box h2{
margin-top: 20px;
}
}
@media screen and (max-width:415px){
.sidebar{
width: 100vw;
}
.sidebar ul li a{
font-size: 27px;
}
.nav-bar .social-icon i{
font-size: 50px;
}
.inside-banner .banner-content {
width: 93%;
margin-top: 20px;
}
.inside-banner .banner-content h1 {
font-size: 33PX;
}
.nav .logo{
max-width: 107px;
}
.banner-content p{
font-size: 13px;
}
.section-heading h1{
font-size: 30px;
}
.text-content p{
margin-bottom: 0;
}
.text-box{
padding: 5%;
}
.img-box img{
height: 280px;
}
.blue-section {
padding: 5%;
}
.grey-section{
padding: 5%;
} .consultanct .grey-section{
padding: 5%;
}
.inner-contact .contact-text p{
font-size: 17px;
}
}
@media screen and (max-width: 376px){
.section-heading h1{
font-size: 25px;
}
.text-content p {
font-size: 15px;
line-height: 25px;
}
.section-heading {
margin-bottom: 12px;
} .expert .section-heading{
margin: 25px 0;
}
.expert-content .expert-text-box h2{
font-size: 30px;
letter-spacing: 1px;
}
.expert-content .expert-text-box p{
font-size: 18px;
}
.copyright p{
font-size: 11px;
}
}
@media screen and (max-width: 361px){
.img-box img{
height: 255px;
}
.section-heading h1{
font-size: 24px;
}
.text-content p{
margin-bottom: 0;
}
}
@media screen and (max-width: 321px){
.banner-content p {
font-size: 10px;
}
.inside-banner .banner-content{
margin-top: 28px;
}
.img-box img{
height: 220px;
}
.section-heading h1{
font-size: 22px;
}
.text-content p {
font-size: 14px;
line-height: 23px;
}
.inner-contact .contact-text p{
font-size: 13px;
}
}
@media screen and (max-width: 279px){
.img-box img{
height: 185px;
}
.section-heading h1{
font-size: 19px;
}
.text-content p {
font-size: 13px;
line-height: 22px;
}
} @media screen and (max-width: 769px){
.inner-contact{
margin-top: 30px;
}
.inner-footer .social-icon{
text-align: center;
}
}
@media screen and (max-width: 415px){
.inner-footer{
padding: 23px 0;
}
}
@media screen and (max-width: 376px){
.inner-contact .contact-text p{
font-size: 16px;
}
}
@media screen and (max-width: 321px){
.inner-contact .contact-text p{
font-size: 14px;
}
} @media screen and (max-width: 769px){
#fp-nav.fp-right{
display: none;
}
.home-contact{
flex-direction: column;
}
.home-contact .contact-detail{
width: 100%;
box-shadow: none;
}
.home-contact .form-detail{
width: 100%;
margin-left: 0;
padding: 50px;
}
}
@media screen and (max-width: 415px){
.home-section-1 h1{
font-size: 50px;
}
.home-section-1 h1 br{
display: none;
}
.section .home-page-heading h1{
text-align: center;
}
.owl-carousel .owl-stage-outer{
width: 97%;
margin: auto;
}
}
@media screen and (max-width: 376px){
.home-section-1 h1{
font-size: 46px;
}
}
@media screen and (max-width: 361px){
.home-section-1 h1{
font-size: 40px;
}
.contact-detail-box .contact-text p{
font-size: 12px;
}
}
@media screen and (max-width:321px){
.contact-detail-box .contact-text p{
font-size: 10px;
}
.home-section-1 h1{
font-size: 27px;
}
.home-section-1 h5{
font-size: 11px;
}
.home-section-1 h3{
font-size: 15px;
}
.home-section-1 .arrow{
width: 20px;
height: 20px;
}
} @media only screen and (max-width: 769px){
.blog{
margin: 40px 0;
}
.blog:first-child{
margin-top: 40px;
}
.blog .blog-box{
margin-bottom: 40px;
}
.pagination-section .offset-lg-3{
padding-top: 0px!important;
padding-bottom: 20px!important;
}
.blog .blog-box .blog-img img{
height: 202px;
}
}
@media screen and (max-width: 641px){
.blog .blog-box .blog-img img {
height: 290px;
}
}
@media only screen and (max-width: 420px){
.blog .blog-box .blog-img img{
height: 224px;
}
}
@media only screen and (max-width: 320px){
.blog .blog-box .blog-text h5{
font-size: 14px;
}
.blog .blog-box .blog-text p{
font-size: 11px;
margin-bottom: 1px;
}
.blog .blog-box .blog-text a{
font-size: 11px;
}
.blog .blog-box .blog-text h6{
font-size: 11px;
}
.page-link{
font-size: 10px!important;
}
.blog .blog-box .blog-img img{
height: 178px;
}
} @media screen and (max-width: 769px){
.sm-blog-heading h5{
font-size: 30px;
}
.sm-blog-area .sm-content-box .sm-img-box img{
height: 169px;
}
.sm-blog-area .sm-content-box .sm-text-box h6{
font-size: 25px;
}
.sm-blog-area .sm-content-box .sm-text-box p{
font-size: 22px;
}
.blog-details .blog-detail-heading h2{
font-size: 30px;
margin-top: 20px;
}
}
@media screen and (max-width: 641px){
.sm-blog-area .sm-content-box .sm-text-box h6 {
font-size: 21px;
}
}
@media screen and (max-width: 415px){
.sm-blog-heading h5 {
font-size: 27px;
}
.sm-blog-area .sm-content-box .sm-img-box img{
height: 140px;
}
.sm-blog-area .sm-content-box .sm-text-box h6 {
font-size: 16px;
}
.sm-blog-area .sm-content-box .sm-text-box p {
font-size: 15px;
}
.blog-details .blog-detail-heading h2{
font-size: 29px;
}
}
@media screen and (max-width: 376px){
.sm-blog-heading h5{
font-size: 24px;
}
.sm-blog-area .sm-content-box .sm-img-box img{
height: 105px;
}
.sm-blog-area .sm-content-box .sm-text-box h6{
font-size: 14px;
}
.sm-blog-area .sm-content-box .sm-text-box p{
font-size: 12px;
}
.blog-details .blog-detail-heading h2{
font-size: 26px;
}
}
@media screen and (max-width: 361px){
.sm-blog-heading h5{
font-size: 23px;
}
.sm-blog-area .sm-content-box .sm-img-box img{
height: 100px;
}
.sm-blog-area .sm-content-box .sm-text-box h6{
font-size: 13px;
}
.blog-details .blog-detail-heading h2{
font-size: 25px;
}
}
@media screen and (max-width: 321px){
.sm-blog-heading h5{
font-size: 21px;
}
.sm-blog-area .sm-content-box .sm-img-box img{
height: 95px;
}
.sm-blog-area .sm-content-box .sm-text-box h6{
font-size: 11px;
}
.blog-details .blog-detail-heading h2{
font-size: 22px;
}
.blog-detail-btn .blog-detail-btn-prev, .blog-detail-btn .blog-detail-btn-next{
width: 135px;
}
}
@media screen and (max-width: 281px){
.sm-blog-heading h5{
font-size: 18px;
}
.blog-detail-btn .blog-detail-btn-prev, .blog-detail-btn .blog-detail-btn-next {
width: 111px;
}
}