@charset "utf-8";

/*--------------media query css------------------*/	

/*------------tablet landscape view------*/

@media (max-width:1200px) {

    .tittle h2{font-size: 30px;}

    .tittle h2:before{top: 13px; width: 26px; height: 30px;}

    .tittle h2:after{top: 13px; width: 26px; height: 30px;}

}

@media (max-width:1100px) {

    .for-ever .dec:before, .for-ever .dec:after{display: none;}

    .for-ever .dec{padding: 20px 5px; border-radius: 10px;}

    .eql{margin: 10px 0;}

    .for-ever .pol img{width: 55%;}

    .video-back p{padding: 5px;}

    .video-back p:after{display: none;}

    .video-back #carousel.flexslider .slides{left: 0;}

    .video-back #carousel.flexslider .flex-direction-nav .flex-prev,.video-back #carousel.flexslider .flex-direction-nav .flex-next{display: none;}

}

/*------------tablet portrait  view------*/

@media (max-width:1024px) {

    .tittle{width: 100%;}

    .tittle h2{}

    .tittle h2:before{top: 13px; width: 26px;height: 30px;}

    .tittle h2:after{top: 13px; width: 26px;height: 30px;}

    .dwnload-games-part{position: relative; left: inherit; right: inherit; bottom: inherit; margin: 15px auto 0; opacity: 1; display:inline-block; }

    .dwnload-games-part a{margin: 7px 0;}

    .play-for li.txt-center:hover .dwnload-games-part{box-shadow: none;}

}

@media (max-width:992px) {

    .top-on{ border-top-left-radius: 40px; border-top-right-radius: 40px;}

    .play-content{margin-bottom: 25px;}

    .tem,.ts{height: auto !important;}

    .total-play .play-content .play-body ul{height: auto;}

    .des-area{height: auto !important; margin: 10px 0;}

    .video-back .tabu a{margin: 8px;}

    header.color1 .top-social{float: none; margin-top: 0; width: 100%;}

    .total-play ul.token{width: 100%;}

    .total-play ul.token li{width: 44px; float: left;}

    .modal-content .main-play-game-image{position: relative; top: inherit; transform: none;}

    .sifon{background-size: cover;}

    .panic{background-color: rgba(255,255,255,0.6); padding-top: 40px; padding-bottom: 40px; margin-top: 15px; margin-bottom: 15px;}

    .sifon.sf2 .single-molt{max-width: 100%;}

    .sifon.sf2 .txt-right{text-align: center;}

    .modal-content .total-play .carousel-control.right{ left: 0; top:0; right: inherit; bottom: inherit;}

    .modal-content .total-play .carousel-control.left{ left: 44px; top: 0;  right: inherit; bottom: inherit; }

    .total-play .table .flexslider .slides img{height: auto;}

    .total-play .carousel-inner{top:inherit;}

}

/*------------mobile landscape  view------*/

@media (max-width: 767px) {

    header {}

    .enumenu_ul { display: none }

    .menu-block { height: auto }

    .menu-icon { display: block }

    .services-detail a.pba-detail { border-bottom: 2px solid #d3d9da;}

    .enumenu_ul > li {display: block; margin: 0px; padding: 0px;}

    .enumenu_ul > li > a { display: block; text-align: center; padding: 8px; font-size: 22px;}

    .enumenu_ul { width: 100%; border-radius: 0px; position: absolute; left: 0; right: 0; top: 14px; background: #f0f0f0; padding-bottom: 20px;}

    .enumenu_ul > li ul { /*background: #D1D1D1;*/ text-align: center; margin-top: 5px;}

    .enumenu_ul > li ul a { text-align: center; display: block; text-align: center; color: #000;}

    .enumenu_ul > li ul a i{font-size: 25px;}

    /* Push Menu */

    body.menuslide_push {

        position: relative;

    }

    body.menuslide_push.slidemenuLeft {

        left: 0;

        transition: left 0.5s;

        -webkit-transition: left 0.5s;

        -moz-transition: left 0.5s;

        -ms-transition: left 0.5s;

        -o-transition: left 0.5s;

    }

    body.menuslide_push.slidemenuRight {

        right: 0;

        transition: right 0.5s;

        -webkit-transition: right 0.5s;

        -moz-transition: right 0.5s;

        -ms-transition: right 0.5s;

        -o-transition: right 0.5s;

    }

    body.slidemenuRight .enumenu_ul {

        right: -300px;

    }

    body.slidemenuRight.menu-open .enumenu_ul {

        right: 0;

    }

    body.slidemenuLeft .enumenu_ul {

        left: -300px;

    }

    body.slidemenuLeft.menu-open .enumenu_ul {

        left: 0;

    }

    body.menuslide_push.slidemenuLeft.menu-open {

        left: 300px

    }

    body.menuslide_push.slidemenuRight.menu-open {

        right: 300px

    }

    body.menuslide_push .enumenu_ul,

    body.menuOverlap .enumenu_ul {

        background: #000000 none repeat scroll 0 0;

        display: block;

        height: 100%;

        max-height: 100%;

        width: 100%;

        overflow: auto;

        position: fixed;

        transition: all 0.5s ease 0s;

        max-width: 300px;

        top: 0;

    }

    

    .enumenu_ul li a i{font-size: 35px;}

    .banner .item{min-height: auto; padding-bottom: 20px;height: inherit;}

    .banner .item.tescon{background-position: left;}

    .banner .item.mescon{background-position: 90%;}

    .tittle{width: 100%; padding: 8px;}

    .tittle h2{font-size: 28px;}

    .tittle h2:before,.tittle h2:after{display: none;}

    .eql{height: auto !important;}

    .eql1{height: auto !important;}

    .for-ever hr{display: none;}

    .for-ever .dec {padding: 30px 15px 15px;}

    .for-ever .pol{position: relative; top: 18px;}

    .about h2:before, .about h2:after{display: none;}

    .about{padding: 45px 0; text-align: center;}

    .about h2{padding: 0; font-size: 36px; margin-bottom: 25px; background-color: transparent; color: #ff7900;}

    .top-ban{margin-top: 130px;}

    .for-ever h2{font-size: 36px; margin-bottom: 40px; text-align: center; display: block;}

    .for-ever h2:before, .for-ever h2:after{display: none;}

    .banner .dwnbtn{margin-top: 0; display: none;}

/*

    .sld1{position: relative; margin-top:10px; margin-bottom: 10px; width: 100%; display: inline-block; top:440px;}

    .sld2{ position: relative; text-align: center !important; margin-top:10px; margin-bottom: 10px; width: 100%; display: inline-block; top:-185px;}

    .sld2.d3{ top: -151px;}

*/

    

    .banner-f-image{top: inherit;}

    .sifon{padding: 45px 0; text-align: center;}

    .sifon .txt-left, .sifon.sf2 .single-molt{text-align: center;}

    .sifon p{margin-bottom: 42px;}

    .sifon h2,.sifon.sf2 .single-molt h2{margin-top: 10px; margin-bottom: 22px; margin-left: 0;}

    .sifon span{top: -15px;; margin-left: 0;}

    .banner .item-per h2{font-size: 36px; padding-left: 15px; padding-right: 15px; }

    .banner .item-per{padding: 140px 0 45px;}

    .sifon a{margin: 5px; display: inline-block;}

/*    .sld3{top: inherit; padding-bottom: 20px;}*/

    .banner{/*background-color:#2a1675;*/}

/*    .nb1 .sld1{top: 470px;}*/

    .mont, .rapon{padding: 15px; background-size: cover; height: auto !important;}

    .lavgonok.txt-right{text-align: center;}

    .lavgonok .direct-mail{ width: 100%; word-break: break-all; background-color: transparent; color: #f00000; font-size: 18px; padding: 5px; border:2px solid #f00000;}

    .lavgonok .fig-out{left: inherit; width: 100%; padding: 1px 5px;; font-size: 15px; border-radius: 5px;}

    .mont .parton{text-align: center;}

    .mont h3{margin-bottom: 45px;}

    .total-play .table .flexslider .flex-direction-nav .flex-next{right: inherit; left: 44px; top: 0;}

    .total-play .table .flexslider .flex-direction-nav .flex-prev{right: inherit; left: 88px; top: 0;}

    .sld2{text-align: center !important; padding: 25px 0;}

    .sld3{top: inherit;}

	.sifon.sf4 .txt-right{text-align: center;}

}





@media screen and (max-width: 676px) {

    .nb-form:hover .user-icon {

        display: none;

    }



    .nb-form .message {

        display: none;

    }



    .nb-form form {

        padding-top: 15px;

    }

    .nb-form{

        right: 50%;

        bottom: -320px;

        left: 50%;

        transform: translateX(-50%);

    }

}



/*------------mobile portrait view------*/

@media (max-width:640px) {

    .top-ban{margin-top: 100px;}



}

/*----------optional css------*/

@media (max-width:480px) {

/*    .top-ban{margin-top: 70px;}

    .sld1{top: 410px;}*/

    .banner .owl-controls{display: none;}

    .banner-f-image{max-width: 80%;}

}

@media (max-width:380px) {

    .top-ban{margin-top: 70px;}

/*

    .sld1{top: 314px;}

    .sld3{position: relative; top: 70px; padding-bottom: 90px;}

    .banner .item a{margin-bottom: 30px;}

    .nb1 .sld1{top: 300px;}

    .nb1 .sld2{top:-205px;}

*/

}

/*---------use only when design is customise-----------*/