@media screen and (min-width:320px) and (max-width:768px) {
    .navbar .navbar-nav .nav-link {
        padding:0;
    }
    .navbar .navbar-nav .active {
    	color: #0c4974 !important;
    	border-bottom: 3px solid #229F9B;
    }
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler:hover,
    .navbar-toggler{
       border: 2px solid #229f9b !important;
       color: #229f9b;
    }
    .block-title {
        font-size: 18px;
    }
    .advertise-overlay-content {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 10px;
    }
    .home-wrapper, .career-wrapper {
    	margin-top: 71px;
    }
    .about-wrapper .history-rows h1, 
    .contact-wrapper .contact-overlay-content h1, 
    .home-wrapper .home-overlay h1, .about-wrapper h1 {
        font-size: 1.40rem;
    }
    .contact-wrapper .contact-row .brand-bottom-title h2 {
        font-size: 1rem;
    }
    .about-card.card.common-section h3 {
        font-size: 1.2rem;
    }
    .about-wrapper .history-rows h4 {
        font-size: .9rem;
    }
    .career-wrapper .career-blocks-overlay h6, .home-wrapper .home-overlay h6 {
        font-size: .9rem;
    }
    p, .about-wrapper .history-section p, .about-wrapper .jumbotron p {
        font-size: 14px;
    }
    .about-wrapper .history-img {
        width: 300px;
    }
    .home-wrapper .brand-logos-section .brand-logos-blocks {
    	padding:40px 0;
    }
    
    footer {
        padding: 40px 0 40px;
    }
    .footer-logos-row .footer-snk-img {
        width: 85px;
        /*margin-top: 0;*/
    }
    .footer-logos-row .footer-sapodilla-img {
        width: 95px;
    }
    .footer-logos-row .footer-snk-img,
    .footer-logos-row .footer-sapodilla-img {
      margin: 10px;
    }
    .home-wrapper .home-slider .swiper-pagination-bullet {
    	height: 10px;
    	width: 10px;
    }
   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
     bottom: 0;
}
.career-wrapper .feed-item-title {
    width: 100%;
    margin-right: 0;
}
}

@media screen and (min-width:769px) and (max-width:1350px) {
    .advertise-overlay-content p {
        margin: 0;
    }
    .about-wrapper .history-rows h1, 
    .about-wrapper .history-section h1, 
    .contact-wrapper .contact-overlay-content h1, 
    .about-wrapper h1 {
        font-size: 1.50rem;
    }
    h2, .contact-wrapper h2 {
        font-size: 1.2rem;
    }
    .about-card.card.common-section h3 {
        font-size: 1.5rem;
    }
    .about-wrapper .history-rows h4 {
        font-size: 1rem;
    }
    .career-wrapper .career-blocks-overlay h6 {
        font-size: 0.8rem;
    }
    p, .about-wrapper .history-section p, .about-wrapper .jumbotron p {
        font-size: 15px;
    }
}

/* Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {
    .filmstrip-blocks {
        margin-bottom: 20px;
    }
    .footer-sec {
        margin-top: 50px;
    }
    .footer-sec .nav-list {
        margin: 30px 0;
    }
    section.brand-section .row {
        width: 100%;
        margin: 0 auto;
    }
    .home-wrapper .brand-box h2 {
        font-size: 30px;
    }
    .career-wrapper {
        margin-top: 70px !important;
    }
    .contact-wrapper, .about-wrapper {
        margin-top: 90px;
    }
    .home-wrapper .career-section .team-box h2 {
        font-size: 20px;
    }
    .home-wrapper .brand-section button {
        margin: 0;
        padding: 15px 0;
        width: 100%;
    }
    .home-wrapper .brand-box-site {
        height: 150px;
    }
    .home-wrapper .brand-box-site img {
        width: 100px;
    }
    .home-wrapper .brand-box p{
        width: 100%;
        margin: 0;
    }
    .home-wrapper .brand-section {
        margin-top: 30px;
    }
    .home-wrapper .career-section .team-box button {
        padding: 13px 23px;
    }
    .home-wrapper .career-section .creer-banner {
        height: 65vh;
    }
    .home-wrapper .career-section .team-box p {
        width: 100%;
    }
    .f-logo-list li {
        flex: 33%;
        text-align: center;
    }
    .f-logo-list {
        flex-wrap: wrap;
    }
    .home-wrapper .career-section .team-box {
        width: 90%;
        padding: 30px 20px;
    }
    .filmstrip-content-block {
        margin-left: 0;
    }
    .brand-logos-section {
        flex-wrap: wrap;
    }
    .advertise-row .advertise-blocks {
        width: 100%;
    }
    .brand-logos-section img {
        width: 80px;
        margin: 0 5px;
    }
    .about-wrapper .history-img {
        width: 100%;
    }
    .about-wrapper .jumbotron {
        padding: 2rem;
    }
    .about-wrapper .quote-block p {
        left: 55px;
    }
    .career-banner {
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
        height: 200px;
    }
    .career-wrapper .card-row {
         width: 100%; 
    }
    .career-wrapper .card-row .btn{
      margin-bottom:15px;
    }
    .career-wrapper .card .diamond {
        left: 130px;
    }
   .career-wrapper .card .closeAccordianBtn {
        right: 0;
        top: 0;
    }
    .home-wrapper .home-overlay {
        margin-left: 0;
    }
    .home-wrapper .brand-logos-section .brand-logos-blocks {
    	border-right: 0;
    }
    .home-wrapper .brand-logos-section .brand-logos-blocks:nth-child(n+4)  {
	    border-bottom: 1px solid #229F9B;
    }
    .aboutus-wrapper {
        margin-top: 70px;
    }
    .contact-wrapper .contact-row .contact-blocks {
        width: 100%;
    }
    .contact-wrapper .contact-row .contact-blocks:nth-child(3) .contact-img {
        height: 320px;
    }
    .brand-logos-section.common-section
    {
        margin-top:0;
    }
    .home-wrapper .home-banner {
        height: 100%;
    }
    .filter-embed{
        display: block;
    }
    .wrap-drop{
        width: 100%;
        margin: inherit;
    }
}

@media (min-width:578px) and (max-width:768px) {
    .contact-wrapper .contact-row .contact-blocks {
        width: 50%;
    }
}