@media(max-width:768px){
    .clients-page .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    nav.navbar .container {
        padding: 15px;
    }
    .navbar-collapse{
        padding: 0 15px;
    }
    .footer-nav {
        margin-top: 0;
    }
    .readmore-btn span{
display: block;
    }
    header .container {
        padding: 0 15px;
    }
    .readmore-btn:after{
        display: none;
            }
    .search-form{
        display: none;
    }
    .logo-text {
        float: none;
        text-align: center;
        margin: 0;
        border: 0;
        top: 0;
        padding: 0;
        left: 0;
    }
    .logo{
        float: none;
        text-align: center;
    }
    .logo a{
        display: inline-block;
    }
    .logo-text a{
        font-size: 14px;
    }
    header {
        padding: 20px 0;
        padding-bottom: 20px;
    }
    .navbar .navbar-toggle{
        margin: 0;
    }
    .navbar .navbar-toggle span {
        background: #fff;
    }
    .hero .slide::after{
        content: none;
    }
    .hero .caption .cat-name{
        display: none;
    }
    .hero .caption .caption-name {
        border-top: 2px solid;
        font-size: 14px;
        padding: 5px;
        margin: 0;
    }
    .hero .slide {
        height: 130px;
    }
    section.hero .owl-dots{
        display: none;
    }
    .hero .slide img {
        max-width: 100%;
        object-fit: cover;
        height: 100%;
        object-position: center;
    }
    section.hero .owl-dots {
        left: 15px;
    }
    section.hero button.owl-dot {
        width: 20px;
        height: 5px;
    }
    .play-video-btn {
        margin-top: 5px;
        font-size: 11px;
    }
    .play-video-btn span:nth-child(1) {
        padding: 2px 6px;
    }
    .people-items-container ul li{
        width: 46%;
    }
    .single-person-details img {
        margin-bottom: 20px;
    }
    .post-nav ul li{
        margin-top: 10px;
    }
    .client-items .col-xs-6{
        padding-left: 7px;
        padding-right: 7px;
    }
    .client-items .client-item {
        margin-top: 17px;
    }
    .footer-logo img {
        top: 0;
        max-width: 200px;
        margin: 0 auto;
    }
    
    .footer-nav ul {
        float: none;
        text-align: center;
        margin-top: 25px;
    }
    
    .footer-nav ul li {
        display: block;
        margin: 13px 0;
    }
    footer{
        height: 172px;
    }
    body {
        padding-bottom:172px;/*This is footer height (For future reference)*/
    }
    .wrapper {
        min-height: calc(100vh - 172px);/*This is footer height (For future reference)*/
    }
    .tvc-port img {
        margin: 1%;
        max-height: none;
        width: 100%;
        height: auto;
    }
    .media-item {
        height: 337px;
    }
    .media-item:hover .item-header {
        height: 78%;
    }
    
}
/*iPAD in Portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
    .hero .slide {
        height: 210px;
    }
    .navbar ul li {
        float: none;
        display: inline-block;
    }
    .navbar ul{
        text-align: center;
        float: none;
    }
    .hero .caption .caption-name {
        font-size: 25px;
        padding: 11px;
        padding-bottom: 5px;
    }
    .hero .caption .cat-name{
        display: block;
    }
    section.hero .owl-dots {
        left: 29px;
    }
    section.hero button.owl-dot {
        width: 30px;
        height: 5px;
    }
    .footer-nav ul {
        float: right;
        text-align: right;
        margin-top: 0;
    }
    .footer-nav ul li {
        display: inline-block;
        margin: 0;
        margin-right: 20px;
    }
    footer {
        height: 59px;
    }
    body {
        padding-bottom:59px;/*This is footer height (For future reference)*/
    }
    .wrapper {
        min-height: calc(100vh - 59px);/*This is footer height (For future reference)*/
    }
    .play-video-btn {
        margin-top: 10px;
        font-size: 16px;
    }
    .play-video-btn span:nth-child(1) {
        padding: 7px 16px;
    }
    .people-items-container ul li {
        width: 23%;
        margin: 1%;
    }
}
/*iPAD in Landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
	and (orientation : landscape)
{
    .hero .slide::after{
        content: none;
    }
    section.hero .owl-dots {
        left: 44px;
    }
    .play-video-btn{
        margin-top:5px;
    }
}
/*iPhone 6/7/8 in Portrait*/
@media only screen
and (max-device-width : 767px)
{
   .navbar .row{
    flex-direction: row-reverse;
   }
   .socials-btns{
    text-align: left;
}
.job__apply--form .form-row{
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.d-desktop{
    display: none;
 }
 .d-mbl{
    display: block;
 }
}