@import url(../../CSS/1024.css) all and (min-width: 1100px);
@import url(../../CSS/800.css) all and (min-width:651px) and (max-width: 1099px);
@import url(../../CSS/mobile.css) all and (max-width:650px);

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

@media only screen and (min-width:1450px) {
    .blogBox .item {
        width: 32%;
        height: 550px;
    }
    p {
        font-size: 18px;
    }

    .showcase .img {
        height: 750px;
    }

    .About {
        height: 1000px;
    }
    .About2{
        height:600px;
    }
    .PodcastDiv .info {
        top: 50px;
    }

    .innerImage .info .title {
        padding-top: 100px;
    }

    .ExpertisePage .rightInfo .title2 {
        font-size: 40px;
        padding-top: 20px;
    }

    .BookSession3 {
        font-size: 20px;
    }
    .testimonial .title{
        font-size:30px;
    }
    .ExpertisePage .title {
        font-size: 30px;
    }
    .AboutCoach .title {
        font-size: 30px;
    }
    .Expertise .title, .blog .title, .FaQ .title {
        font-size: 30px;
    }
    .FaQBox .item .Question {
        
        font-size: 20px;
    }
    .showcaseExpertise .txtAbs .title {
        font-size: 30px;
    }

        .showcaseExpertise .txtAbs .title span {
            font-size: 48px;
        }
         .showcaseAbout .txtAbs .title{
             font-size: 30px;
         }
        .showcaseAbout .txtAbs .title span {
     font-size: 48px;
}
    .HeadServ {
        margin-top: 50px;
    }
    .HeadServ2 .item img {
        height: 70px;
    }
    .HeadServ2 .item h5 {
    font-size: 20px;
    padding-top:30px;
}
    .BookSession2 {
        font-size: 20px;
        margin-top: 30px;
    }
    .contactHead .item {
    font-size: 18px;
}
    .OverContNav {
    margin-top: 100px;
}
    .PodcastDiv .info img {
        width: 20%;
    }
    .PodcastDiv img {
        width: 80%;
    }
    }

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