.samane {
            text-align: center;
        }
        
        .samane img {
            margin: -60px auto 0
        }
        
        .logo-wrapper {
            padding-top: 30px;
            margin-bottom: 50px;
            position: relative;
        }
        
        .samane h2 {
            font: 2.2em "DroidArabicKufiRegular";
            color: #515253;
            /*display: inline-block;*/
            line-height: 25px;
        }
        
        .samane a h2 {
            color: #515253;
        }
        
        .logo-wrapper .icon-logo {
            top: -171px;
        }
        
        .intro-links a {
            color: #515253;
            display: inline-block;
            font: 2.2em "DroidArabicKufiRegular";
            text-align: center;
            width: 48%;
        }
        
        .intro-links a::before,
        .intro-links a::after {
            background: #515253 none repeat scroll 0 0;
            height: 17px;
            margin: 0 6px;
            width: 17px;
        }
        
        .samane h2::before,
        .samane h2::after {
            background: #515253 none repeat scroll 0 0;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 17px;
            margin: 0 6px;
            width: 17px;
        }
        
        .intro-wrapper {
            min-height: 100%;
        }
        
        .intro-container {
            max-width: 90%;
        }
        
        @media (max-width: 1400px) {
            .logo-wrapper {
                margin-bottom: 35px;
                width: 70%;
                position: relative
            }
            .logo-wrapper .tayyeb-logo {
                font-size:1.15em
            }
            .logo-wrapper .slogan-logo {
                font-size: 0.6em
            }
            .intro-links a {
                font-size: 2em;
            }
            .samane img {
                margin-top: -70px;
            }
            .intro-wrapper {
                min-height: 100%;
                overflow: hidden;
            }
            .intro-container {
                top: 15px
            }
            .logo-wrapper div {
                /*float: left;*/
            }
            .logo-wrapper .icon-logo {
                position: relative;
                top: auto;
                right: auto;
                text-align: right
            }
            .logo-wrapper .tayyeb-logo {
                margin-top: -117px;
                padding-right: 20%;
            }
            .logo-wrapper .slogan-logo {
                padding-right: 20%;
                padding-bottom: 20px;
                background-size: 69% auto;
                background-position: 17% bottom;
            }
            .logo-wrapper .icon-logo img {
                max-width: 27%
            }
        }
        
        @media (max-width: 1280px) {
            .logo-wrapper {
                width: 80%
            }
        }
        
        @media (max-width: 1170px) {
            .intro-container {}
            body.intro-page {
                height: 100% !important;
            }
            .samane img {
                margin: 0px auto 0
            }
            .logo-wrapper .slogan-logo {
                background: none;
            }
            .logo-wrapper .slogan-logo {
                padding-right: 20%;
                padding-bottom: 0;
            }
            .logo-wrapper .icon-logo img {
                max-width: 27%
            }
            .logo-wrapper {
                width: 86%
            }
        }
        @media (max-width: 980px)  {.logo-wrapper .slogan-logo {
             font-size: 0.5em;
         }} @media (max-width:400px)  {
            .intro-links a::before, .intro-links a::after{display: none}}