/** Extra small devices (portrait phones, less than 576px)**/
@media (max-width: 575.98px)
{
    .contact-bar .address-bar img
    {
        width: 150px
    }
    .main-carousel .carousel-fade .carousel-inner .carousel-item img
    {
        height: 300px
    }
    .search-bar .contact-bar
    {
        float: none;
    }
    .search-bar .search-sec
    {
        float: none;
        padding: 0;
    }
    .pages-sec h2 , .home-courses .sec-head h3 , .home-courses .sec-head h5 >a , .clientOpenion h3 , .news-details h3 
    {
        font-size: 17px;
        margin: 5%
    }
    .contact-bar .social-bar li
    {
        font-size: 8px
    }
    .pages-sec .pages-dv
    {
           padding: 4%;
        width: 90%;
        margin: auto;
        margin-bottom: 5%;
    }
    
     .pages-sec .row
    {
        margin-right: 0;
        margin-left: 0
    }
    
    .dropdown-item:hover
    {
        color: #888
    }
    .main-select .form-control-lg
    {
    
    margin-left: 15%;
    
    }
    .clientOpenion .fa-chevron-right, .clientOpenion .fa-chevron-left 
    {
    font-size: 20px;
    }
    .clientOpenion img {
    width: 50px;
    height: 50px;
    }
    .clientOpenion p , .cv-head h4 , .cv-body p , .news-details .news-body p , .certifaction-code p
    {
    font-size: 12px;
    }
    .news-details h6
    {
        margin: 6%;
        font-size: 11px
    }
    .main-select .form-control-lg {
    margin-left: 15%;
    margin-right: 0%;
    font-size: 15px;
    }
    .openion-form .custom-file
    {
        font-size: 12px
    }
       .cv-head .cv-img img
    {
        width: 150px;
        height: 155px
    }
}

/***Small devices (landscape phones, 576px and up)**/
@media (min-width: 576px) and (max-width: 767.98px)
{
    .search-bar .search-sec
    {
        padding: 0
    }
    .pages-sec .pages-dv
    {
        padding: 2% ;
    }
    .carousel-item img
    {
        height: 300px;
        margin-bottom: 5%
    }
   
      .dropdown-item:hover
    {
        color: #888
    }

    .pages-sec .pages-dv p, .pages-dv- p
    {
        font-size: 12px;
        
    }
    .home-courses .card .card-head h2 , .home-courses .card .card-head h5 , .home-courses .card .card-foot a , .home-courses .card .card-foot p, .card-foot img
    {
        font-size: 16px
    }
    .cv-head .cv-img img
    {
        width: 150px;
        height: 155px
    }
    
}

/** Medium devices (tablets, 768px and up)**/
@media (min-width: 768px) and (max-width: 991.98px)
{
    .pages-sec .pages-dv
    {
        /* padding: 0 */
    }
    .pages-sec
    {
        padding-left: 5%
    }
    .dropdown-item:hover
    {
        color: #888
    }
        .pages-sec .pages-dv p, .pages-dv- p
    {
        font-size: 12px;
        
    }
    .home-courses .card .card-head h2 , .home-courses .card .card-head h5 , .home-courses .card .card-foot a , .home-courses .card .card-foot p, .card-foot img
    {
        font-size: 16px
    }
    .clientOpenion .fa-chevron-right, .clientOpenion .fa-chevron-left 
    {
        font-size: 35px
    }
    .category{
        height: 800px;
    }
        
   
}

/**Large devices (desktops, 992px and up)**/
@media (min-width: 992px) and (max-width: 1199.98px) 
{
    .category{
        height: 580px;
    }
    .slider-book  .slid img{
        width: 152px !important;
        height: 250px;
    }
    .certifaction-code-main .form-control{
        width: 90% ;
    }
    .blog .media {
        flex-direction: row;
   }
    .blog .media .content-img-blog {
        width: 52%;
   }
   .Primary-services .slid img{
    height: 250px;
   }
}

/** Extra large devices (large desktops, 1200px and up)**/
@media (min-width: 1200px)
{
    .category{
        height: 630px;
    }
    .certifaction-code-main .form-control{
        width: 90% ;
    }
    .blog .media {
        flex-direction: row;
        height: 250px;
    }
    .blog .post:nth-child(odd) .media {
        flex-direction: row-reverse;
   }
    .blog .post .media .content-img-blog {
        width: 52%;
        height: 250px;
   }
    .blog .post .media .content-img-blog img{
        width: 100%;
        height: 100%;
    }
    .blog .post:nth-child(odd) .media .content-img-blog .post-date {
        left: auto;
        right: 10px;
   }
   .Primary-services .slid img{
    height: 250px;
   }
    
}