@media (min-width: 1601px) { 
    .menu div {
        margin-top: 48px;
    }

    .header {
        height: 127px;
    }

    #logo {
        float: right;
    }

    #logo_txt {
        margin-top: 78px;
    }
    
    .slider_bg {
        padding-bottom: 183px;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) { 
    .header, .menu a {
        min-height: 85px;
    }

    #logo {
        padding-top: 20px;
        float: right;
    }

    #logo_txt {
        margin-top: 53px;
    }

    .menu div {
        margin-top: 29px;
    }

    .slider h1, .header_content h1 {
        font-size: 38px;
    }

    .slider {
        font-size: 16px;
        line-height: 19px;
    }
    
    .slider_bg {
        padding-bottom: 163px;
    }
}

@media (max-width: 1199px) {
    #logo {
        margin: 0 auto;
    }

    .menu div {
        margin-top: 15px;
        padding-bottom: 10px;
    }
    
    .slider_bg {
        padding-bottom: 145px;
    }
}

@media (max-width: 767px) {
    .menu div {
        width: 100%;
    }
    
    .one_slide {
        text-align: justify;
    }

    #logo {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .slider h1, .header_content h1 {
        font-size: 38px;
        text-align: center;
    }
    
    .slider {
        font-size: 15px;
        line-height: 21px;
    }
    
    .slider_bg {
        padding-bottom: 0;
    }
    
    .icons {
        height: 200px;
    }
    
    .icons img {
        max-height: 80px !important;
    }
    
    .icons .active {
        border: none !important;
    }
    
    .slider_bg {
        padding-bottom: 200px;
    }

    .myslideUp{
        animation-name: myslideUp;
        -webkit-animation-name: myslideUp;	

        animation-duration: 1s;	
        -webkit-animation-duration: 1s;

        animation-timing-function: ease;	
        -webkit-animation-timing-function: ease;

        visibility: visible !important;			
    }
    
    .text_content {
        font-size: 15px;
        line-height: 24px;
    }
    
    .text_content  h2 {
        font-size: 20px;
        margin: 0;
    }
    
    

    @keyframes myslideUp {
        0% {
            transform: translateY(100%);
        }
        50%{
            transform: translateY(-8%);
        }
        65%{
            transform: translateY(4%);
        }
        80%{
            transform: translateY(-4%);
        }
        95%{
            transform: translateY(2%);
        }			
        100% {
            transform: translateY(0%);
        }	
    }

    @-webkit-keyframes myslideUp {
        0% {
            -webkit-transform: translateY(100%);
        }
        50%{
            -webkit-transform: translateY(-8%);
        }
        65%{
            -webkit-transform: translateY(4%);
        }
        80%{
            -webkit-transform: translateY(-4%);
        }
        95%{
            -webkit-transform: translateY(2%);
        }			
        100% {
            -webkit-transform: translateY(0%);
        }	
    }
}