@media screen and (max-width: 198px) {
    /*smaller then Iphone 5 */

    #SecendColumnContant {
        flex-direction: column;
        align-items: start;
    }

    #AboutMeFirstColumn .AboutMeList {
        justify-content: left;
    }



    #countersSection .container .row .col-md-3 {
        margin-bottom: 80px;
    }

    #closeBtn {

        left: 0.6em;

    }

    #arrowLeft {
        position: relative;
        left: 2em;
    }

    #arrowRight {
        position: relative;
        right: 2em;
    }

    .navbar .navbar-nav .nav-item .active {
        color: #0078ff;
    }

    .navbar .navbar-nav .nav-item .active::after {
        width: 0;
        height: 0;

    }

    .nav-item::after {
        width: 0;
        height: 0;
    }
}

@media(min-width: 199px) and (max-width: 352px) {

    /* Iphone 5 */
    #SecendColumnContant {
        flex-direction: column;
        align-items: start;
    }

    #AboutMeFirstColumn .AboutMeList {
        justify-content: left;
    }


    #countersSection .container .row .col-md-3 {
        margin-bottom: 80px;
    }


    #closeBtn {

        left: 0.6em;

    }

    #arrowLeft {
        position: relative;
        left: 2em;
    }

    #arrowRight {
        position: relative;
        right: 2em;
    }

    .navbar .navbar-nav .nav-item .active {
        color: #0078ff;
    }

    .navbar .navbar-nav .nav-item .active::after {
        width: 0;
        height: 0;

    }

    .nav-item::after {
        width: 0;
        height: 0;
    }
}

@media(min-width: 353px) and (max-width: 391px) {

    /*Galaxy s10  &&  iPhone 12 */
    #SecendColumnContant {
        flex-direction: column;
        align-items: start;
    }

    #AboutMeFirstColumn .AboutMeList {
        justify-content: left;
    }


    #countersSection .container .row .col-md-3 {
        margin-bottom: 80px;
    }


    #closeBtn {

        left: 0.6em;

    }

    #arrowLeft {
        position: relative;
        left: 2em;
    }

    #arrowRight {
        position: relative;
        right: 2em;
    }

    .navbar .navbar-nav .nav-item .active {
        color: #0078ff;
    }

    .navbar .navbar-nav .nav-item .active::after {
        width: 0;
        height: 0;

    }

    .nav-item::after {
        width: 0;
        height: 0;
    }

}

@media (min-width: 392px) and (max-width: 575px) {
    /*iphone 11 */

    #SecendColumnContant {
        flex-direction: column;
        align-items: start;
    }

    #AboutMeFirstColumn .AboutMeList {
        justify-content: left;
    }

    #countersSection .container .row .col-md-3 {
        margin-bottom: 80px;
    }

    #closeBtn {

        left: 0.6em;

    }

    #arrowLeft {
        position: relative;
        left: 2em;
    }

    #arrowRight {
        position: relative;
        right: 2em;
    }

    .navbar .navbar-nav .nav-item .active {
        color: #0078ff;
    }

    .navbar .navbar-nav .nav-item .active::after {
        width: 0;
        height: 0;

    }

    .nav-item::after {
        width: 0;
        height: 0;
    }
}

@media (min-width: 576px) and (max-width:769.9px) {

    /*Redmi mote 9 pro */
    #AboutMePhoto {
        max-width: 60%;
    }

    #SecendColumnContant {
        width: 80%;

    }

    #countersSection .container .row .col-md-3 {
        margin-bottom: 80px;
    }


    #closeBtn {

        left: 2.4em;

    }

    .navbar .navbar-nav .nav-item .active {
        color: #0078ff;
    }

    .navbar .navbar-nav .nav-item .active::after {
        width: 0;
        height: 0;

    }

    .nav-item::after {
        width: 0;
        height: 0;
    }
}

@media (min-width: 770px) and (max-width:992px) {
    /*Galaxy tap S7 */

    #AboutMePhoto {
        width: 60%;
    }

    #countersSection .container .row .card2 .circleBody {
        margin-bottom: 10px;
    }






    /* ============================== */

    #PortfolioSection .container .row .col-md-4 .PortfolioSectionCardBody .PortfolioSectionCardBodyIcon {

        width: 25%;
        justify-content: right;
    }

    #closeBtn {

        left: 2.4em;

    }


    /* ======== */

    .blogCardFooter .span2 span {
        display: flex;
        justify-content: end;
    }

    .blogCardFooter .span2 span i {
        margin-right: 0.5em;
    }

    .blogCardFooter .span2 {


        width: 80%;
    }

    .blogCardFooter .span1 span {
        font-size: 0.7em;

    }

    .blogCardFooter .span1 img {
        width: 20%;
        margin-right: 0;
    }

    .navbar .navbar-nav .nav-item .active {
        color: #0078ff;
    }

    .navbar .navbar-nav .nav-item .active::after {
        width: 0;
        height: 0;

    }

    .nav-item::after {
        width: 0;
        height: 0;
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    /*Ipad air */

    #closeBtn {

        left: 0.6em;

    }

    .blogCardFooter .span2 span {
        display: flex;
        justify-content: end;
    }

    .blogCardFooter .span2 span i {
        margin-right: 0.5em;
    }

    .blogCardFooter .span2 {


        width: 50%;
    }

    .secondFooterCardBody .secondFooterCardBodyText p {
        font-size: 16px;

    }


}

@media (min-width: 1200px) and (max-width:1399px) {
    #closeBtn {

        left: 1em;

    }
}

@media (min-width: 1400px) and (max-width:1500px) {}