@media(max-width:767px) {

    body {
        letter-spacing: 0;
    }

    .headercontentpart {
        padding: 20px 10px;
    }

    .mobile-menu-overlay+div {
        padding-top: 117px;
    }

    .header-widgets .right-menu .menu-item+.menu-item {
        margin-left: 0;
    }
    .menu-bar {
        position: relative;
        display: flex;
        min-width: 40px;
        height: 40px;
        
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .menu-bar .hamburger{top: 19px;
        right: 8px;}

    .blog-sec-from h1 {
        text-align: left;
        font-size: 38px;
        width: 100%;
    }

    .blog-filter-holder {
        align-items: normal;
    }
     
    .blog-sec-from .blog-container .blog-filter-holder ul>li:nth-child(1){flex: 0;}

    .blog-container .blog-filter-holder ul {
        justify-content: flex-start;
        gap: 0px;
        margin-bottom: 15px;
    }

    .blog-container .blog-filter-holder ul>li {
        margin-right: 7px;
        margin-bottom: 7px;
    }

    .left-search_bar {
        margin-bottom: 45px;
        padding: 0;
    }

    .left-search_bar label {
        margin-bottom: 8px;
    }

    .left-search_bar a {
        top: 48px;
    }

    .left-search_bar a img {
        width: 17px;
        height: 17px;
    }

    .left-search_bar input {
        padding: 12px 30px 12px 20px;
    }

    .blog-container .blog-filter-holder ul>li a {
        font-size: 12px !important;
    }

    .blog-banner .container {
        padding: 0;
    }

    .blog-banner h3 {
        margin-bottom: 15px;
        padding: 0;
    }

    .blog-banner .row {
        flex-direction: column;
    }

    .blog-banner .blog-images a img {
        width: 100%;
        height: 210px;
        min-width: 100%;
    }

    .blog-images {
        width: 100%;
    }

    .blog-images a {
        width: 100%;
        display: inline-block;
        max-width: 100%;
        min-width: 362px;
    }

    .blog-item.blog-item-sm .blog-images a {
        width: 100%;
        display: inline-block;
        max-width: 120px;
        min-width: 120px;
    }

    .blog_banner_content {
        padding-left: 0;
    }

    .blog_banner_content h2 {
        font-size: 19px;
    }

    .blog-banner .posted-date p {
        flex-direction: row;
        gap: 20px;
    }

    .all-post-list ul li a {
        font-size: 14px;
    }

    .all-post-list ul {
        gap: 10px 8px;
        padding: 0;
    }

    .all-post-list {
        padding: 0px 0 30px 0;
    }

    .blog-item.blog-item-sm {
        display: flex;
        height: auto !important;
        box-shadow: none;
        border-radius: 0;
        padding-bottom: 24px;
        border-bottom: 1px solid #ddd;

    }

    .blog-item.blog-item-sm .blog-images img {
        border-radius: 10px;
        height: auto !important;
        max-width: 120px;
        width: 100%;
    }

    .blog-item {
        border: none;
    }

    .blog-item .blog-images {
        width: auto !important;
        padding-bottom: 0px !important;
    }

    .blog-item.blog-item-sm .blog-info {
        padding: 0px 20px;
        z-index: 0;
        left: 0;
        bottom: 0;
        position: relative;
        height: auto;
        overflow:hidden
    }

    .blog-item.blog-item-sm .blog-info h2 {
        font: normal normal bold 15px / normal Poppins;
        margin-bottom: 0px !important;

    }

    .blog-item .blog-info .blog-date {
        color: #000 !important;
    }

    .blog-content-holder.blog-main-page .col-lg-4:last-child .blog-item.blog-item-sm {
        border-bottom: 0;
    }

    .category_right h4 {
        margin-bottom: 8px;
    }

    .blog-maintitle {
        padding: 0;
    }

    .blog-subtitle {
        padding: 0;
    }

    .blog-banner h3 {
        font: normal normal bold 25px / 43px Poppins;
    }

    .blog-details-banner {
        padding-top: 117px;
    }

    .blog-banner-inr-text span {
        font: normal normal bold 15px / 22px Poppins;
        letter-spacing: 0;
    }

    .blog-banner-inr-text h1 {
        font: normal normal bold 25px / 61px Poppins;
        margin-bottom: 30px;
        line-height: normal;
        font-size: 20px;
    }

    .follow-icons {
        display: none !important;
    }

    .show-mobile {
        display: none !important;
    }

    .mobile-auth-show {
        display: block;
    }

    .author_post_date.mobile-auth-show {
        padding-bottom: 30px;
        border-bottom: 0;
        margin-bottom: 0;
    }

    .author_post_date.mobile-auth-show ul {
        gap: 10px;
    }

    .author_post_date h6 {
        text-align: left !important;
        font: normal normal normal 15px/20px Poppins !important;
        letter-spacing: 0px !important;
        color: #000000 !important;
        margin: 0;
    }

    .blog-details-txt ul li h3 {
        font: normal normal bold 15px / 25px Poppins;
    }
    .blog-details-txt ul li{margin-bottom: 10px;}

    .blog-details-txt ul li p {
        font: normal normal normal 14px / 25px Poppins;
        line-height: 25px;
    }

    .blog-details-txt ul li b {
        display: none;
    }

    .share-artical-area .follow-icons {
        display: flex !important;
        align-items: center;
        justify-content: center !important;
        margin-bottom: 30px;
    }

    .share-artical-area .follow-icons li {
        display: block !important;
    }

    .share-artical-area .blog-cat-inr {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        flex-wrap: wrap;
    }

    .share-artical-area .blog-cat-inr li {
        display: block !important;
        margin-bottom: 0;
    }

    .share-artical-area {
        padding: 25px 0;
        border-top: 1px solid #ddd;
        margin-top: 35px;
    }

    .blogs-box-wrapper .blog-item.blog-item-sm .blog-images img {
        height: 80px !important;
        min-height: 80px !important;
    }

    .blogs-box-wrapper .blog-item.blog-item-sm {
        align-items: center;
    }

    .blogs-box-wrapper:last-child .blog-item.blog-item-sm {
        border: 0;
    }

    .blog-top-banner-img {
        height: 217px;
    }

    .blog-top-banner-img img {
        height: 100%;
        border-radius: 15px;
    }

    .mobile-menu {
        top: 50%;
    }

    .main-button a {
        padding: 8px 12px;
        font: normal normal 600 12px Poppins;
        color:#fff;
        padding:0
    }

    .main-white-button a {
        padding: 8px 20px;
        font: normal normal 600 12px Poppins;
    }

    .mobile-menu .main-white-button {
        display: inline-block;
    	text-align: center;
    	color: #7731FF;
    	background-color: #7731FF47 !important;
    	padding: 10px 22px;
    	letter-spacing: 0.15px;
    	z-index: 1;
    	position: relative;
    	border-radius: 25px;
    	opacity: 1;
    	border: transparent;
    	font: normal normal bold 14px Poppins;
    	width: auto;
    	transition: 0.8s;
    }
    .mobile-menu .main-white-button a{
        color: #7731FF;
        background: none !important;
        padding: 0;
        font-weight:bold;
     }
    .mobile-menu .main-white-button a:hover {
    	background-color: rgb(57 122 183 / 10%) !important;
    	letter-spacing: 1px;
    	transition: 0.8s;
    }

    .mobile-menu>li>a {
        padding: 15px 20px;
    }

    .mobile-menu .main-button {
        margin-left: 20px;
        padding: 10px 15px !important;
    	background-color: #7731FF !important;
    	font-weight: bold !important;
    	border-radius: 25px !important;
    	color: #fff !important;
    	display: flex !important;
    	align-items: center !important;
    	justify-content: center !important;
    	list-style: none !important;
    	height: 38px !important;
    	font-size: 14px !important;
    	text-transform: capitalize !important;
    	transition-duration: 400ms !important;
    	transition-property: all !important;
    	border: 0 !important;
    	width: auto;
    	line-height: normal;
    }
    .mobile-menu .main-button i {
             margin-left: 10px;
    	     color: #fff;
    	     font-size: 14px;
	}

    /* ------- 27-05-2024 ------- */

    .blog-cat-wrapper .row-pad{padding-bottom: 0 !important; padding-top: 0 !important;}
    .blog-cat-wrapper .blog-subtitle h3{padding-bottom: 0;}
    .blog-cat-wrapper .blog-maintitle h1{font: normal normal 800 36px / 60px Poppins;margin-bottom: 32px;
    width: 100%;}
    .blog-back-btn {
        padding-left: 0;
        margin-bottom: 30px;
    }

    /* ----------- 28-06-2024 ------- */
    .blog-banner .blog-images {
        width: 100%;
        max-width: 316px;
        min-width: 358px;
        object-fit: cover;
    }

.author_post_date ul {margin: 0px;padding: 0px;align-items: center;gap: 20px;margin-bottom: 15px;}
.author_post_date ul li {display: inline-block;letter-spacing: 0px;list-style: none;font-size: 15px;color: #000000;padding-right: 10px;border-right: 1px solid #000;}
.author_post_date ul li:last-child {border: none;} 
.author_post_date ul li:nth-child(2){padding-left: 10px;}
.author_post_date ul li img{display: inline-block;margin: 0 0 0 10px;}
.mbport{display: block;position: absolute;top: 18%;right: 13%;}
.blogshare-dwn .dropdown-menu li{display: inline-block;border-right: 0;width: 100%;padding: 0;}
.blogshare-dwn .shareicnbx img {margin: 0 4px;line-height: 1;display: inline;width: auto;height: auto;max-width: initial;max-height: inherit;}
.blogshare-dwn .btn-primary {background-color: transparent !important;color: #fff;font-size: 0;}
.blogshare-dwn .btn-primary i{color:#7731FF;font-size: 20px;}
.recommend-text-heading{font-size: 20px;}
.blog-item.blog-item-sm .blog-info h2{font-size: 14px;text-align: left;}
.blogs-box-wrapper, .blog-cat-inr, .recommend-text-heading{padding-left: 0;padding-right: 0;}
.blogshare-dwn .dropdown-menu li:nth-child(2){padding-left: 0;}
.container,
.container-sm {
    max-width: 95% !important;
    text-align: center;
}

.querybx {
    width: 90%;
    padding: 40px 33px;
}

.ontop {
    padding: 32px;
}

.ontop .md-mb50 {
    width: 49% !important;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
}

.icon-img-170 {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
}.icon-img-170 img {width: 191px;text-align: center;margin: 20px 0 30px;}
.share-icon.justify-content-end{text-align: center;justify-content: space-evenly !important;}
.share-icon a {margin-left: 0;}
.order-sm-2 {order: 2 !important;}
.order-sm-1 {order: 1 !important;}

}
@media(min-width:768px) and (max-width:1199px){

    .site-header.fixed-header.no-bg-color {
        padding: 20px 0;
    }

    .blog-container .blog-filter-holder ul {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }
    .blog-filter-holder {
        display: flex !important;
        align-items: baseline;
        justify-content: space-between;
    }
    .blog-banner h3 {
        margin-bottom: 0px;
    }
    .blog-banner .blog-images a img {
        height: 225px;
        min-width: 330px;
    }
    .blog_banner_content h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .blog-banner .posted-date {
        margin-top: 13px;
    }
    .blog_banner_content {
        padding-left: 24px;
    }
    .blog-details-banner img{max-height: 253px;}

    .blog-container .author_post_date{padding-left: 15px;
        padding-right: 15px;}

    .author_post_date ul{margin-bottom: 0px !important;}

    .share-artical-area {
        padding: 60px 0;
    }

    .share-artical-area .row{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .share-artical-area .row ul{width: 50%;}
    .blog-cat-inr{width:100% !important;}

    .recommend-text-heading {
        padding: 0;
    }

    .blogs-box-wrapper{padding-left: 0; padding-right: 0;}

}



@media (min-width: 992px) {
    .values-box .col-md-push-3 {
        left: 20%;
    }

    .values-box .col-md-pull-3 {
        right: 20%;
    }
}

@media only screen and (min-width: 767px) {
    .values-box .col-md-3 {
        width: 20%;
        padding: 0;
        overflow: hidden;
        height: 226px;
    }

    #myCarousel1 {
        display: none;
    }
	.navbar-nav .open .dropdown-menu {
       width: 100% !important;
        
	}

}


@media only screen and (max-width: 767px) {
    h2 {
        text-decoration: none;
       
        font-size: 15px;
    }

    h3 {
        text-decoration: none;
        
        font-size: 11px;
    }

    hr {
        border-bottom: 2px solid #337ab7;
        width: 36%;
    }

    .mobile-padding-10 {
        padding: 10px;
    }

    .mobile-padding-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .mtb-30 {
        margin-top: 60px !important;
    }

    .pb-64 {
        padding-bottom: 30px !important;
    }

    .pt-64 {
        padding-top: 30px !important;
    }

    textarea.form-control {
        max-width: 100% !important;
    }

    .mt-120 {
        margin-top: 20px;
    }

    .mobile-pt-26 {
        padding-top: 26px;
    }

    .mobile-margin-top-20 {
        margin-top: 20px;
    }

    .navbar-default .navbar-toggle {
       border-color: #ddd;
    border: none;
    background-color: #7731FF!important;
    border-radius: 0px;
    padding: 10px 10px;
    margin-right: 0px;
    }

    .values-box .col-md-3 {
        width: 50%;
        float: left;
    }
	.banner-ar .carousel-caption hr {
    margin: 0 auto;
}

    .mobile-pt-0 {
        padding: 0 !important;
    }

    .mobile-m-25 {
        margin: 25px;
    }

    .mobile-mt-0 {
        margin-top: 0px;
    }

    .mobile-mt-30 {
        margin-top: 30px !important;
    }

    .mb-60 {
        margin-bottom: 25px !important;
    }

    .pricing-text {
        padding: 0px 30px;
    }

    .heading-block {
        width: 86%;
        margin: 0 auto;
        float: none;
        position: relative;
        text-align: center;
        display: block;
    }

    .pricing-text p {
        margin-bottom: 0px !important;
    }

    .price-box-L:last-child {
        margin-bottom: 0px !important;
    }

    #myCarousel {
        display: none;
    }

    .heading-block h2:before {
        position: absolute;
    width: 40%;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    content: '';
    background: #337ab7;
    top: 35px;
    }

    .carousel-caption {
       top: 65%;
    }

    .carousel-caption .btn {
    text-shadow: none;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px;
    margin-top: 0px;
}

    .about-us-ar {
        margin: 0 25px;
        margin-bottom: 0;
    }

    .carousel-caption p {
        margin: 0;
    }

    .banner-ar .carousel-inner .item img {
        max-width: 100%;
        margin: 0 auto;
        height: auto;
    }

    .left-f h4 {
        text-align: center;
    }

    .left-f .text1 {
        text-align: center;
    }
    .login-btn-sec .dropdown-menu a{ text-align: left;}
  

    .carousel-caption-right h2 {
        text-align: right !important;
    }

    .home-graphics {
        margin-bottom: 0;
        margin-top: 15px;
    }
    
    .conpage-address-ptext{ text-align: center;}
	
	.conpage-address-sec .mx-auto {
   
    display: inline-block;}
    

    /*
    .box-values-ar img {
     width: 100%;
    height: 140px;
}
*/
    .pb-122 {
        padding-bottom: 30px;
    }

    .mt--72 {
        margin-top: 0px;
    }

    .banner-ar .left.carousel-control i,
    .banner-ar .right.carousel-control i {
        width: 26px;
        height: 26px;
        background: #176c9e;
        border-radius: 50px;
        text-align: center;
        line-height: 26px;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 15px;
    }



    /*
  .carousel-caption {
    position: absolute;
    right: 7%;
    top: 0%;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    overflow: hidden;
}
*/
    .banner-ar .carousel-caption h6 {
/*
        font-size: 40px;
        color: #ffffff;
        font-weight: 900;
        text-shadow: 1px 1px 7px #596065 !important;
        text-transform: uppercase;
        text-shadow: none;
        line-height: 40px;
        padding-bottom: 0;
*/
        text-align: center;
        margin: 0; font-size: 12px;
    }
    .conpage-address-sec h5{ text-align: center;}
    .box-ar {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .contact-left-text p {
        text-transform: initial;
        font-size: 15px;
        font-weight: 400;
        text-align: center; margin-top: 30px;
    }
    .contact-page-from .pr-3{ padding-right: 15px; }   
    .contact-page-from .pl-3{ padding-left: 15px;} 
    .contact-left-text:before {
        content: '';
        position: absolute;
        left: 0;
        width: 200px;
        height: 3px;
        background: none;
        top: 100px;
    }    
    
    
    
    .banner-ar .carousel-caption h2 {
        text-align: center; line-height: 20px;
    padding-bottom: 21px;font-size: 18px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .hide-in-mob-d {
        display: block;
    }

    .mrt-3 {
        margin-top: 0px;
    }

    .hide-in-mob {
        display: none;
    }

    .mission-text {
        border: solid 3px #257cbd;
        padding: 25px;
        border-top: none;
    }


    .mission-text h2 {
        text-align: center;
        margin-bottom: 25px;
    }

    .mission-text p {
        text-align: center;
    }

    .culture-text {
        border: solid 3px #257cbd;
        padding: 25px;
        border-top: none;
    }

    .culture-text h2 {
        text-align: center;
        margin-bottom: 25px;
    }

    .culture-text p {
        text-align: center;
    }

    .box-ar .col-md-3 {
        margin-bottom: 10px;
        padding: 2px;
    }

    .carousel-caption .btn {
           margin-top: 17px;
    }

    .fade-carousel {
        position: relative;
        height: auto;
    }

    .fade-carousel .carousel-inner .item {
        height: auto;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 0px;
    }

    .carousel-caption p {
        margin: 0;
        text-align: center;
    }

    /*
    .row-pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 24px !important;
    padding-bottom: 0px !important;
}
*/
    .center-block h3 {
        padding: 0;
    }

    .values-box-text img {
        width: 100%;
    }

    .mt-16 {
        margin-top: 24px !important;
    }
.navbar-nav.ml-80 {
    margin-left:0;
}
    #navbar {
    position: absolute;
    right: 0;
    min-width: 50%;
    background-color: #ffffff;
    z-index: 99;
    border: none;
    margin-top: 12px; 
    }
   
    .box-img-text h3 {
        font-size: 18px;
    }
.navbar-nav {
     margin: 0;
    max-width: 100%;
    left: 0;
}
    .box-img-text p {
        text-align: center;
        color: #757474;
        font-size: 11px;
        line-height: 20px;
    }

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 10px;
        height: auto;
    }

    .mission-text h2:before {
        position: absolute;
        content: '';
        width: 35%;
        height: 2px;
        background: #257cbd;
        top: 30px;
        right: 0;
        left: 0;
        text-align: center;
        margin: 0 auto;
    }

    .culture-text h2:before {
        position: absolute;
        content: '';
        width: 35%;
        height: 2px;
        background: #257cbd;
        top: 30px;
        right: 0;
        left: 0;
        text-align: center;
        margin: 0 auto;
    }
    
    .login-btn-sec a {
    border: solid 2px #7731FF !important;
    border-radius: 5px;
    padding: 5px 19px !important;
    color: #7731FF !important;
    text-align: center;
}
    .login-btn-sec{ }    
    .get-start-btn{ }
    
.border-responsive li a.contact-border{ /*border-bottom: 0px !important;*/ text-align: left;}
 .border-responsive li a{ border-bottom: solid 1px #337ab7;}
    
 .d-mobile-none{ display: none;}     
 .flag-circle {
    margin: 0 auto;
}
 .contact-page-locationtext p{text-align: center;}    

 /* ------------- 07-05-2024 ----------- */

.mobile-menu-overlay+div {
    padding-top: 145px;
    }

.blog-sec-from h1 {
    text-decoration: none;
    text-align: left;
    font-size: 38px;
}


    
}
@media screen and (max-width: 992px) and (min-width: 768px) {
   .d-mobile-none{ display: none;}  
   .contact-left-text p {
    text-transform: initial;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}
.contact-left-text:before {
    content: '';
    position: absolute;
    left: 0;
    width: 200px;
    height: 3px;
    background: none;
    top: 100px;
}    
    
 .conpage-address-ptext {
    text-align: center;
}   
    
    
    
    
}

@media screen and (max-width: 430px) and (min-width: 240px) {

    /*.mobile-heading-block h2:before{top: 53px;}	*/
    .mobile-heading-block-small h2:before {
        top: 48px;
    }

    .carousel-caption {
    top: 50%;
    width: 100%;
    left: 0;
    right: 0;

    }

/*
    .banner-ar .carousel-caption h6 {
        font-size: 30px;
    }
*/

    .banner-ar .carousel-caption h2 {
   
        font-size: 18px;
    }

    .price-L-text {
        padding: 0;
        height: 180px;
    }


}

@media screen and (max-width: 350px) and (min-width: 240px) {
    .box-img-text {
        border: solid 1px #337ab7;
        padding: 10px;
        height: 270px;
    }

    .box-img {
        height: 140px;
        overflow: hidden;
    }

}

@media screen and (max-width: 500px) and (min-width: 351px) {

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 40px 40px;
        /* height: 168px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

@media screen and (max-width: 480px) and (min-width: 405px) {
    .box-img-text {
        border: solid 1px #337ab7;
        padding: 40px 40px;
        /* height: 168px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }



}

@media screen and (max-width: 650px) and (min-width: 450px) {

    .carousel-caption {
        position: absolute;
        right: 10%;
        top: 58%;
        left: 10%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        overflow: hidden;
    }



}

@media screen and (max-width: 650px) and (min-width: 505px) {
    .box-img {
        height: 358px;
        overflow: hidden;
    }

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 40px 40px;
        /* height: 168px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

@media screen and (max-width: 800px) and (min-width: 651px) {
    .box-img {
        height: 240px;
        overflow: hidden;
    }

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 40px 40px;
        /* height: 168px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 991px) {
    
    .d-desktop-none{ display: none;}
    
}

@media screen and (max-width: 991px) and (min-width: 801px) {
    .box-img-text {
        border: solid 1px #337ab7;
        padding: 10px;
        height: 200px;
    }



}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .box-img {
        height: 213px;
        overflow: hidden;
    }

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 24px;
        height: 344px;
    }

    .mobile-mt-120 {
        margin-top: 120px;
    }

    .mt--72 {
        margin-top: -11px;
    }

    .culture-text {
        border: solid 3px #257cbd;
        padding: 40px 74px 40px 40px;
        border-right: none;
    }

    .mission-text {
        border: solid 3px #257cbd;
        padding: 40px 40px 40px 70px;
        border-left: none;
    }

    .box-values-ar img {
        width: 100%;
        height: 200px !important;
    }

}

@media screen and (max-width: 1024px) and (min-width: 992px) {

    .box-img {
        height: 213px;
        overflow: hidden;
    }

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 40px 40px;
        /* height: 168px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .carousel-caption-right {
        position: absolute;
        top: 0% !important;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        top: 0%;
    }

    .mobile-mt-120 {
        margin-top: 120px;
    }

    .mt--72 {
        margin-top: -11px;
    }

    .culture-text {
        border: solid 3px #257cbd;
        padding: 40px 74px 40px 40px;
        border-right: none;
    }

    .mission-text {
        border: solid 3px #257cbd;
        padding: 40px 40px 40px 70px;
        border-left: none;
    }

    .box-values-ar img {
        width: 100%;
        height: 200px !important;
    }



}

@media screen and (max-width: 767px) and (min-width: 650px) {

    .carousel-caption p {
        margin: 0;
        display: block;
        text-align: center;
    }

    .carousel-caption .btn {
        display: inline-block !important;
    }

    .box-img-text {
        border: solid 1px #337ab7;
        padding: 40px 40px;
        /* height: 168px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .carousel-caption .btn {
        text-shadow: none;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 13px;
        padding: 13px;
        margin-top: 10px;
        text-align: center;
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 992px) and (min-width: 768px) {

    .box-values-ar img {
        width: 100%;
        height: 357px;
        padding: 0;
    }

    .values-box .col-md-3 {
        width: 50%;
        padding: 0;
        overflow: hidden;
        height: 357px;
        float: left;
    }



    .mt--72 {
        margin-top: 10px;
    }

    .mt-72 {
        margin-top: 0px;
    }

    .mission-text h2:before {
        position: absolute;
        content: '';
        width: 35%;
        height: 2px;
        background: #257cbd;
        top: 39px;
        right: 0;
        left: 0;
        margin: 0 auto;
        text-align: center;
    }

    .mission-text p {
        text-align: center;
        color: #656464;
    }

    .mission-text h2 {
        text-align: center;
        position: relative;
        margin-bottom: 25px;
    }

    .culture-text h2:before {
        position: absolute;
        content: '';
        width: 35%;
        height: 2px;
        background: #257cbd;
        top: 39px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .culture-text h2 {
        text-align: center;
        margin-bottom: 25px;
        position: relative;
    }

    .culture-text p {
        text-align: center;
        color: #656464;
    }

    .mission-text {
        border: solid 3px #257cbd;
        padding: 60px;
        border-left: solid 3px #257cbd;
    }

    .culture-text {
        border: solid 3px #257cbd;
        padding: 60px;
        border-right: solid 3px #257cbd;
    }

    .mobile-mt-120 {
        margin-top: 120px
    }

    .pt-64 {
        padding-top: 10px;
    }

    .pb-64 {
        padding-bottom: 10px;
    }

    .mt-120 {
        margin-top: 20px;
    }

    .box-ar .col-md-3 {
        margin-bottom: 25px;
    }

    .carousel-caption .btn {
        text-shadow: none;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 10px;
        padding: 7px;
        margin-top: 8px;
    }

    .fade-carousel {
        position: relative;
        height: auto;
    }

    .fade-carousel .carousel-inner .item {
        height: auto;
    }

    .carousel-caption .btn {
        text-shadow: none;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 10px;
        padding: 7px;
        margin-top: 8px;
    }



    .banner-ar .carousel-caption h2 {
        color: #222;
        text-shadow: none;
        font-size: 19px;
        font-weight: 800;
        line-height: 20px;
        padding-bottom: 18px;
    }

    .banner-ar .carousel-caption h6 {
        font-size: 13px;
        color: #337ab7;
        font-weight: 900;
        text-transform: uppercase;
        text-shadow: none;
        line-height: 10px;
    }

    .nav>li>a {
        padding: 2px 7px;
    }

    .navbar-header {
        float: left;
        width: 13%;
    }

}

@media screen and (max-width: 500px) and (min-width: 320px) {
    .box-values-ar img {
        width: 100%;
        height: 155px;
        padding: 0;
    }

    .mtn-15 {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 650px) and (min-width: 501px) {
    .box-values-ar img {
        width: 100%;
        height: 220px;
        padding: 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 550px) {
    .box-values-ar img {
        width: 100%;
        height: 280px;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {

        .hei-img {
            margin-top: 12%;
        }

        .row-pad-b {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-top: 25px !important;
            padding-bottom: 0px !important;
        }

        .row-pad-c {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-top: 0px !important;
            padding-bottom: 25px !important;
        }

        .left-f .col-sm-8,
        .left-f .col-sm-8 h4 {
            text-align: left;
        }

        .left-f h4 {
            line-height: 22px;
        }

        .carousel-caption {
            right: auto;
            left: auto;
            padding-bottom: 30px;
            width: 32%;
        }

}
    
@media screen and (max-width: 991px) and (min-width: 768px) {
    .flag-circle {margin: 0 auto;}     
    .contact-page-locationtext p{ text-align: center; margin-bottom: 25px;} 
  
}