/* 
    Document   : com_slider_extra
    Created on : 2014.04.01., 11:38:16
    Author     : gergo@infoartnet.hu
*/

div.sli-bg {
    position: relative;
    overflow: hidden;
}

div.sli-mob-con {
    position: relative;
    margin: 0;
    padding: 0;
    height: 440px;
    list-style: none;
}

div.sli-cnt-bg {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 440px;
}

div.sli-cnt-one{
    position: relative;
    width: 960px; /*140px kisebb a 2.nál*/
    height: 400px;
    margin: 0 auto;
    padding: 20px 0;
}
div.sli-cnt-two{
    position: absolute;
    width: 960px;
    top: 45%;
    left: 50%;
    margin: 0 0 0 -480px
}


/*------------ Tartalmi dobozok ------------*/

div.sli-cnt-bg .sli-cnt-img{
    position: absolute;
    width: 42%; 
    height: 100%;
    bottom:0;
}
div.sli-cnt-bg .sli-cnt-img .sli-cnt-imgb{
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    background-position: 50% 100%;
}

div.sli-cnt-bg .sli-cnt-txt{
    position: absolute;
    width: 54%;
    right: 0px;
}

/*------------ Szövegek és Gombok ------------*/

div.sli-cnt-bg .sli-cnt-txt h2.component-heading{
    font-size: 32px;
    text-transform: uppercase;
    color: #FFF;
    margin: 20px 0;
    font-family: 'opensans-regular', Arial;
}

div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
    margin: 20px 0;
    height: 200px;
    overflow: hidden;
}

div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h4{
    font-size: 23px;
    font-family: 'opensans-regular', Arial, sans-serif;
}

div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p{
    margin: 10px 0;
}
div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p,
div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p span{
    color: #FFF;
    line-height: 1.6;
    font-family: 'opensans-regular', Arial, sans-serif;
    text-align: justify;
}

div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a{
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.7);
    padding: 20px 76px 20px 20px;
    margin: 20px 0;
    font-family: 'opensans-regular', Arial, sans-serif;
    text-shadow: 1px 1px 1px #000;
    color: #FFF;
    background: url('../gfx/arrow-next.png') no-repeat top 50% right 20px transparent;
    text-transform: uppercase;
    -webit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a:hover{
    background-color: rgba(75,75,75,0.7);
    border: 1px solid rgba(75,75,75,0.7);
}


/*------------ Navigációs gombok ------------*/

a.control_prev,
a.control_next {
    position: absolute;
    top: 30%;
    z-index: 199;
    display: block;
    padding: 0;
    width: 36px;
    height: 36px;
    text-decoration: none;
    cursor: pointer;
    text-indent: -9999px !important;
    /*border-radius: 100%;*/
    border-radius: 5px;
    -webit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.control_prev:hover,
a.control_next:hover{
    background-color: rgba(75,75,75,0.7);
}

a.control_prev {
    left: 20px;
    background: url('../gfx/arrow-prev.png') no-repeat 0 0 transparent;
}

a.control_next {
    right: 20px;
    background: url('../gfx/arrow-next.png') no-repeat 0 0 transparent;
}


/*------- Pager out viewhoz//avagy Ellenség a kapuk előtt -------*/

/*--------------trade-sli classhoz tartozó formázások*/

.sli2,
.sli4{
    position: relative;
}
.sli2 .sli-sw-fw,
.sli4 .sli-sw-fw{
    width: 100%;
    display: block;
    background: transparent;
    position: absolute;
    z-index: 101;
}
.sli2 .sli-cnt-sw,
.sli4 .sli-cnt-sw{
    display: block;
    width: 960px;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 0 auto;
}

.sli2 .sli-cnt-sw ul.sli-dots,
.sli4 .sli-cnt-sw ul.sli-dots {
    list-style: none;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    float: left;
}

.sli2 .sli-cnt-sw h2.component-heading,
.sli4 .sli-cnt-sw h2.component-heading{
    float: left;
    color: #A8091D;
    font-family: 'opensans-regular', Arial;
    display: none;
}

.sli2 .sli-cnt-sw ul.sli-dots li,
.sli4 .sli-cnt-sw ul.sli-dots li {
    font-family: 'opensans-regular', Arial;
    float: left;
    margin: 0 5px;
    display: block;
    text-align: center;
    /*width: 33px;*/
    height: 33px;
    line-height: 35px;
    font-size: 12px;
    cursor: pointer;
    background: transparent;
    color: #333;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.sli2 .sli-cnt-sw ul.sli-dots li:hover,
.sli2 .sli-cnt-sw ul.sli-dots li.active,    
.sli4 .sli-cnt-sw ul.sli-dots li:hover,
.sli4 .sli-cnt-sw ul.sli-dots li.active{    
    color: #A8091D;
}

.sli2 div.sli-cnt-bg .sli-cnt-txt,
.sli4 div.sli-cnt-bg .sli-cnt-txt{
    left: 10px;
}

.sli2 div.sli-cnt-bg .sli-cnt-img,
.sli4 div.sli-cnt-bg .sli-cnt-img{
    right: 10px;
}

.sli2 div.sli-mob-con, 
.sli2 div.sli-cnt-bg,
.sli4 div.sli-mob-con, 
.sli4 div.sli-cnt-bg{
    height: 620px;
}

.sli2 div.sli-cnt-one,
.sli4 div.sli-cnt-one{
    padding: 70px 0 20px;
    height: 530px;
}

.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
    height: auto;
    margin: 0;
}

.sli2 div.sli-cnt-bg .sli-cnt-txt h2.component-heading,
.sli4 div.sli-cnt-bg .sli-cnt-txt h2.component-heading{
    color: #333;
    font-family: 'opensans-regular', Arial;
    text-shadow: 1px 1px 1px 0px #FFF;
}

.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h2,
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h3,
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h4,
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h5,
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h6,
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p,
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p span,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h2,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h3,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h4,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h5,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h6,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p span{
    color: #333;
    text-shadow: 1px 1px 0px #FFF;
}
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a{
    display: inline-block;
    border: 2px solid #333;
    color: #333;
    padding: 7px 15px;
    border-radius: 5px;
    background: transparent;
    text-shadow: none;
    text-transform: none;
    font-family: 'opensans-regular', sans-serif;
    -webit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a:hover,
.sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a:hover{
    color: #FFF;
    background: #333;
}

/*--------------infra-sli classhoz tartozó formázások*/

.sli1,
.sli3{
    position: relative;
}

/*.sli1 div.sli-cnt-bg,
.sli3 div.sli-cnt-bg{
       background: transparent !important;
}*/

.sli1 .sli-sw-fw,
.sli3 .sli-sw-fw{
    width: 100%;
    display: block;
    background: transparent;
    position: absolute;
    z-index: 101;
}
.sli1 .sli-cnt-sw,
.sli3 .sli-cnt-sw{
    display: block;
    width: 960px;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 0 auto;
}

.sli1 .sli-cnt-sw ul.sli-dots,
.sli3 .sli-cnt-sw ul.sli-dots {
    list-style: none;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    float: left;
}

.sli1 .sli-cnt-sw h2.component-heading,
.sli3 .sli-cnt-sw h2.component-heading{
    float: left;
    color: #A8091D;
    font-family: 'opensans-regular', Arial;
    display: none;
}

.sli1 .sli-cnt-sw ul.sli-dots li,
.sli3 .sli-cnt-sw ul.sli-dots li {
    font-family: 'opensans-regular', Arial;
    float: left;
    margin: 0 5px;
    display: block;
    text-align: center;
    /*width: 33px;*/
    height: 33px;
    line-height: 35px;
    font-size: 11px;
    cursor: pointer;
    background: transparent;
    color: #FFF;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.sli1 .sli-cnt-sw ul.sli-dots li:hover,
.sli1 .sli-cnt-sw ul.sli-dots li.active,
.sli3 .sli-cnt-sw ul.sli-dots li:hover,
.sli3 .sli-cnt-sw ul.sli-dots li.active{    
    color: #A8091D;
}

.sli1 div.sli-cnt-bg .sli-cnt-txt,
.sli3 div.sli-cnt-bg .sli-cnt-txt{
    left: 10px;
}

.sli3 div.sli-cnt-bg .sli-cnt-img,
.sli1 div.sli-cnt-bg .sli-cnt-img{
    right: 10px;
}

.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h2,
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h3,
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h4,
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h5,
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h6,
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p,
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p span,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h2,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h3,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h4,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h5,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv h6,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p span{
    color: #FFF;
    text-shadow: 1px 1px 0px #333;
}

.sli1 div.sli-mob-con, 
.sli1 div.sli-cnt-bg,
.sli3 div.sli-mob-con, 
.sli3 div.sli-cnt-bg{
    height: 480px;
}

.sli1 div.sli-cnt-one,
.sli3 div.sli-cnt-one{
    padding: 70px 0 20px;
    height: 390px;
}

.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
    height: auto;
    margin: 0;
}

.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a{
    display: inline-block;
    border: 2px solid #FFF;
    color: #FFF;
    padding: 7px 15px;
    border-radius: 5px;
    background: transparent;
    text-shadow: none;
    text-transform: none;
    font-family: 'opensans-regular', sans-serif;
    -webit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a:hover,
.sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-but a:hover{
    color: #333;
    background: #FFF;
}


/*------- Rota viewhoz//avagy földművelés felsőfokon -------*/

.cli-sli{
    position: relative;
}
.cli-sli .sli-bg{
    padding: 0px 36px;
}
.cli-sli .sli-mob-con{
    height: auto;
}
.cli-sli .sli-cnt-bg{
    background-color: transparent !important;
    height: auto;
}
.cli-sli .sli-cnt-bg .sli-cnt-txt{
    display: none;
}
.cli-sli .sli-cnt-bg .sli-cnt-one{
    position: relative;
    height: 60px;
    width: 290px;
    margin: 0;
    padding: 0;
}
.cli-sli .sli-cnt-two{ 
    top: 0px !important;
}

.cli-sli .sli-cnt-two .sli-cnt-lef,
.cli-sli .sli-cnt-two .sli-cnt-rig{
    width: 56px;
    height: 60px;
    background: #BFC0C2;
    display: inline-block;
}
.cli-sli .sli-cnt-two .sli-cnt-lef{
    float: left;
}
.cli-sli .sli-cnt-two .sli-cnt-rig{
    float: right;
}
.cli-sli .sli-cnt-two a.control_prev, 
.cli-sli .sli-cnt-two a.control_next{
    top: 12px;
}
.cli-sli .sli-cnt-two a.control_prev{left: 10px;} 
.cli-sli .sli-cnt-two a.control_next{right: 10px;}

.cli-sli .sli-cnt-bg .sli-cnt-img{
    width: auto;
}
.cli-sli .sli-cnt-bg .sli-cnt-img .sli-cnt-imgb{
    width: 290px;
    height: 60px;
    background-position: 50% 50%;
}

/*------------ Media Queries ------------*/

@media only screen and (min-width: 1654px){
    div.sli-mob-con,
    div.sli-cnt-bg{
        height: 420px;
    }
   
    div.sli-cnt-two{
        width: 1560px;
        margin: 0 0 0 -780px;
    }
    
    div.sli-cnt-one{
        width: 1560px;
        height: 420px;
    }    
    
    div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: 280px;
    }
    
    .sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: 260px;
    }
    
    .sli1 .sli-cnt-sw,
    .sli2 .sli-cnt-sw,
    .sli3 .sli-cnt-sw,
    .sli4 .sli-cnt-sw{
        width: 1560px;
    }
    
    .sli1 div.sli-mob-con, 
    .sli2 div.sli-mob-con, 
    .sli3 div.sli-mob-con, 
    .sli4 div.sli-mob-con, 
    .sli1 div.sli-cnt-bg,
    .sli2 div.sli-cnt-bg,
    .sli3 div.sli-cnt-bg,
    .sli4 div.sli-cnt-bg{
        height: 570px;
    }

    .sli1 div.sli-cnt-one,
    .sli2 div.sli-cnt-one,
    .sli3 div.sli-cnt-one,
    .sli4 div.sli-cnt-one{
        padding: 70px 0 20px;
        height: 480px;
    }

    .sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: auto;
        margin: 0;
    }
    
}

@media only screen and (min-width: 1324px) and (max-width: 1653px){
   div.sli-mob-con,
   div.sli-cnt-bg{
       height: 520px;
   }
   
   div.sli-cnt-two{
        width: 1260px;
        margin: 0 0 0 -630px;
    }
    
    div.sli-cnt-one{
        width: 1260px;
        height: 520px;
    }
    div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: 280px;
    }
    
    .sli1 .sli-cnt-sw,
    .sli2 .sli-cnt-sw,
    .sli3 .sli-cnt-sw,
    .sli4 .sli-cnt-sw{
        width: 1260px;
        box-sizing: border-box;
    }
    
    
    .sli1 div.sli-mob-con, 
    .sli2 div.sli-mob-con, 
    .sli3 div.sli-mob-con, 
    .sli4 div.sli-mob-con, 
    .sli1 div.sli-cnt-bg,
    .sli2 div.sli-cnt-bg,
    .sli3 div.sli-cnt-bg,
    .sli4 div.sli-cnt-bg{
        height: 570px;
    }

    .sli1 div.sli-cnt-one,
    .sli2 div.sli-cnt-one,
    .sli3 div.sli-cnt-one,
    .sli4 div.sli-cnt-one{
        padding: 70px 0 20px;
        height: 480px;
    }

    .sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: auto;
        margin: 0;
    }
}

@media only screen and (min-width: 640px) and (max-width: 993px){
    div.sli-mob-con,
    div.sli-cnt-bg{
        height: 470px;
    }
    div.sli-cnt-two{
        width: 640px;
        margin: 0 0 0 -320px;
    }
    
    div.sli-cnt-one{
        width: 620px;
        height: 430px; 
    }
    
    .sli1 div.sli-mob-con, 
    .sli1 div.sli-cnt-bg,
    .sli2 div.sli-mob-con, 
    .sli2 div.sli-cnt-bg,
    .sli3 div.sli-mob-con, 
    .sli3 div.sli-cnt-bg,
    .sli4 div.sli-mob-con, 
    .sli4 div.sli-cnt-bg{
        height: 570px;
    }
    .sli1 div.sli-cnt-one,
    .sli2 div.sli-cnt-one,
    .sli3 div.sli-cnt-one,
    .sli4 div.sli-cnt-one{
        padding: 70px 0 20px;
        height: 480px;
    }
    .sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: auto;
        margin: 0;
    }
    
    .sli1 .sli-cnt-sw,
    .sli2 .sli-cnt-sw,
    .sli3 .sli-cnt-sw,
    .sli4 .sli-cnt-sw{
        width: 620px;
        box-sizing: border-box;
    }
    .cli-sli .sli-cnt-bg .sli-cnt-one,
    .cli-sli .sli-cnt-bg .sli-cnt-img .sli-cnt-imgb{
        width: 285px;
    }
    .sli1 div.sli-cnt-bg .sli-cnt-txt,
    .sli2 div.sli-cnt-bg .sli-cnt-txt,
    .sli3 div.sli-cnt-bg .sli-cnt-txt,
    .sli4 div.sli-cnt-bg .sli-cnt-txt{
        width: 100%;
        left: 0;
    }
    .sli1 div.sli-cnt-bg .sli-cnt-img,
    .sli2 div.sli-cnt-bg .sli-cnt-img,
    .sli3 div.sli-cnt-bg .sli-cnt-img,
    .sli4 div.sli-cnt-bg .sli-cnt-img{
        display: none;
    }
    
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
/*    div.sli-mob-con,
    div.sli-cnt-bg{
        height: 470px;
    }*/
    .sli1 div.sli-mob-con, 
    .sli1 div.sli-cnt-bg,
    .sli2 div.sli-mob-con, 
    .sli2 div.sli-cnt-bg,
    .sli3 div.sli-mob-con, 
    .sli3 div.sli-cnt-bg,
    .sli4 div.sli-mob-con, 
    .sli4 div.sli-cnt-bg{
        height: 640px;
    }
    .sli1 div.sli-cnt-one,
    .sli2 div.sli-cnt-one,
    .sli3 div.sli-cnt-one,
    .sli4 div.sli-cnt-one{
        padding: 70px 0 20px;
        height: 550px;
    }
    .sli1 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli2 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli3 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv,
    .sli4 div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv{
        height: auto;
        margin: 0;
    }
    
    .sli1 div.sli-cnt-bg .sli-cnt-img,
    .sli2 div.sli-cnt-bg .sli-cnt-img,
    .sli3 div.sli-cnt-bg .sli-cnt-img,
    .sli4 div.sli-cnt-bg .sli-cnt-img{
        display: none;
    }
    
    .sli1 div.sli-cnt-bg .sli-cnt-txt,
    .sli2 div.sli-cnt-bg .sli-cnt-txt,
    .sli3 div.sli-cnt-bg .sli-cnt-txt,
    .sli4 div.sli-cnt-bg .sli-cnt-txt{
        width: 100%;
        left: 0;
    }
    
    div.sli-cnt-two{
        width: 480px;
        margin: 0 0 0 -240px;
    }
    
    div.sli-cnt-one{
        width: 460px;
        height: 470px;        
    }
    
    .sli1 .sli-cnt-sw,
    .sli2 .sli-cnt-sw,
    .sli3 .sli-cnt-sw,
    .sli4 .sli-cnt-sw{
        width: 460px;
        box-sizing: border-box;
    }
    
    .cli-sli .sli-cnt-bg .sli-cnt-img{
        display: block; 
    }
    
    .cli-sli .sli-cnt-bg .sli-cnt-one,
    .cli-sli .sli-cnt-bg .sli-cnt-img .sli-cnt-imgb{
        width: 408px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .sli1 div.sli-mob-con,
    .sli1 div.sli-cnt-bg,
    .sli2 div.sli-mob-con,
    .sli2 div.sli-cnt-bg,
    .sli3 div.sli-mob-con,
    .sli3 div.sli-cnt-bg,
    .sli4 div.sli-mob-con,
    .sli4 div.sli-cnt-bg{
        height: 780px;
    }
    
    .sli1 div.sli-cnt-bg .sli-cnt-img,
    .sli2 div.sli-cnt-bg .sli-cnt-img,
    .sli3 div.sli-cnt-bg .sli-cnt-img,
    .sli4 div.sli-cnt-bg .sli-cnt-img{
        display: none;
    }
    
    .sli1 div.sli-cnt-bg .sli-cnt-txt,
    .sli2 div.sli-cnt-bg .sli-cnt-txt,
    .sli3 div.sli-cnt-bg .sli-cnt-txt,
    .sli4 div.sli-cnt-bg .sli-cnt-txt{
        width: 100%;
        left: 0;
    }
    
    div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p,
    div.sli-cnt-bg .sli-cnt-txt div.sli-cnt-riv p span{
        text-align: left;
        line-height: 1.5;
    }
    
    div.sli-cnt-two{
        width: 300px;
        margin: 0 0 0 -150px;
    }
    
    div.sli-cnt-one{
        width: 300px;
        height: 540px;
    } 
    .sli1 .sli-cnt-sw,
    .sli2 .sli-cnt-sw,
    .sli3 .sli-cnt-sw,
    .sli4 .sli-cnt-sw{
        width: 300px;
        box-sizing: border-box;
    }
    .cli-sli .sli-cnt-bg .sli-cnt-img{
        display: block;
    }
    .cli-sli .sli-bg{
        padding: 0;
        width: 300px;
    }
    .cli-sli .sli-cnt-bg .sli-cnt-one,
    .cli-sli .sli-cnt-bg .sli-cnt-img .sli-cnt-imgb{
        padding: 0;
        width: 300px;
    }
   
    .cli-sli .sli-cnt-two .sli-cnt-lef,
    .cli-sli .sli-cnt-two .sli-cnt-rig{
        width: 36px;
    }
    
    .cli-sli .sli-cnt-two .sli-cnt-lef a.control_prev{
        left: 0px;
    }
    .cli-sli .sli-cnt-two .sli-cnt-rig a.control_next{
        right: 0px;
    }
}