

@media all and (min-width: 750px) and (max-width: 1000px)
{
    /* igraci */
    .LeftPlayer
    {
        left:30px!important; 
        margin-top:60px;
    }
    .RightPlayer
    {
        right:30px!important; 
        margin-top:60px;
    }
    .ca-PlayerName
    {
        width:150px!important;
        height:48px!important;
    }
    .ca-PlayerNameMain
    {
        font-size:23px!important;
    }
    .ca-PlayerNameSub, .ca-PlayerNameEnd {
        font-size: 13px!important;
    }
    .Nav-bar-title
    {
        font-weight:bold;
        font-size:18px;
    }
    .BackDeal, .ForwardDeal {
        padding-top: 150px!important;
    }
}

@media all and (min-width: 200px) and (max-width: 750px) {
    /**
	 * ===============================
	 *  Defult CSS 
	 * ===============================
	 */
    html *,
    body,
    p {
        /*text-align: center;*/
    }

    a,
    button {
        cursor: pointer !important;
    }

    .btn,
    .btn:last-child,
    .btn:first-child {
        margin: 10px !important;
    }
    /**
	 * ====================================
	 *  Every Section Headline Defult Class
	 * ====================================
	 */
    .section-header .section-heading {
        font-size: 32px;
        line-height: 45px;
        letter-spacing: 2px;
    }
    /**
	 * =======================
	 * Navigation
	 * =======================
	 */
    .main-navbar-top .navbar-nav {
        margin: auto;
        display: inline-block;
        padding-top: 10px;
    }

        .main-navbar-top .navbar-nav li {
            float: left;
        }

            .main-navbar-top .navbar-nav li a {
                padding: 10px !important;
            }
    /**
	 * ===============================
	 * Header Style 
	 * ===============================
	*/

    /**
    * ===============================
    * igraci
    * ===============================
    */
    .LeftPlayer {
        left: 10px !important;
    }

    .RightPlayer {
        right: 10px !important;
    }

    .ca-PlayerName {
        width: 130px !important;
        height: 45px !important;
    }

    .ca-PlayerNameMain {
        font-size: 20px !important;
    }

    .ca-PlayerNameSub, .ca-PlayerNameEnd {
        font-size: 12px !important;
    }

    /**
	 * ===============================
	 * Features Section 1
	 * ===============================
	*/
    .features-section-1 .part-1 .each-services .each-services-inner {
        padding: 30px 20px;
    }
    /**
	 * ==========================
	 * Features Section 2
	 * ==========================
	 */
    .features-section-2 .grid .grid-item {
        padding: 5px 0px;
    }
    /**
	 * ==========================
	 * Features Section 3
	 * ==========================
	 */
    .full-screen .half-screen {
        height: 50%;
        width: 100%;
    }

    .full-screen .half-screen-left {
        top: 0;
        left: auto;
    }

    .full-screen .half-screen-right {
        bottom: 0;
        right: auto;
    }

    .features-section-3 .content-area {
        height: 400px;
    }

        .features-section-3 .content-area .visible,
        .features-section-3 .content-area .no-visible {
            left: 0px;
            width: 100%;
            padding: 0 17px;
        }
    /**
	 * ==========================
	 * Features Section 4
	 * ==========================
	 */
    .features-section-4 .faq-group .faq-trigger,
    .features-section-4 .faq-group .faq-content {
        padding: 25px 30px 25px 40px;
    }

        .features-section-4 .faq-group .faq-trigger:before {
            left: 15px;
            top: 23px;
        }

        .features-section-4 .faq-group .faq-content p,
        .features-section-4 .faq-group .faq-trigger p,
        .features-section-4 .faq-group .faq-content h4,
        .features-section-4 .faq-group .faq-trigger h4 {
            text-align: left;
        }

    /**
	 * ==========================
	 * Features Section 11
	 * ==========================
	 */
    .features-section-11 .section-separator {
        padding: 0px 0px;
    }
    /*.features-section-11 .form-body {
    padding: 80px 0px;
  }*/
    .features-section-11 .form-body .btn-form .btn {
        margin: 0 !important;
        width: 100%;
        min-width: 100%;
    }
    /**
	 * =======================
	 * Footer Section 2
	 * =======================
	 */
    .footer-2 .logo,
    .footer-2 .footer-detail {
        display: table;
        vertical-align: top;
    }

    .footer-2 .logo {
        width: 80px;
        height: auto;
    }

    .footer-2 .footer-detail {
        margin-top: 30px;
        padding-left: 0px;
    }

    .footer-2 .part-2 {
        margin-top: 20px;
        text-align: center !important;
    }

    .Nav-bar-title {
        font-weight: bold;
        font-size: 14px;
    }

    .navbar-header {
        text-align: left;
        padding:5px;
    }

    .BackDeal, .ForwardDeal {
        padding-top: 100px;
    }
    .navbar
    {
        height: 35px;
    }
    .ca-PlayerNameSub
    {
        margin-left:40px!important;
        white-space: nowrap!important;
    }

    .ca-PlayerNameSubR, .ca-PlayerNameSubL{
        font-size: 12px!important;
    }
    .ca-PlayerNameEndR, .ca-PlayerNameEndL{
         font-size: 12px!important;
    }
    
}
@media all and (orientation: portrait) {



}
@media all and (orientation: landscape) {

}



.containerND {
    position: fixed;
    left: 50%;
    top: 30%;
    z-index: 100000000;

    height: 200px;
    margin-top: -100px;

    width: 200px;
    margin-left: -100px;
}
