/*-- header --*/

.header-top {
    background: #000;
    padding: 10px 0;
	
}

.bottom_header_left {
    float: left;
    margin: .3em 0 0;
	color:#fff;
	font-size: 15px;
}

.bottom_header_left p {
    font-size: 14px;
    color: #2f69f2;
    line-height: 1.2;
}

.bottom_header_left p span {
    padding-right: 1em;
    color: #fff;
}


/*-- social-icons --*/

.bottom_header_right {
    float: right;
    width: 33%;
}

.bottom-social-icons {
    width: 50%;
    float: left;
}

.bottom-social-icons a {
    display: inline-block;
}

.bottom-social-icons span {
    font-size: 15px;
    padding: 8px 10px;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.bottom-social-icons span:hover {
    color: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}


/*-- //social-icons --*/

.header-top-righ {
    float: right;
    width: 39%;
    margin-top: 4px;
}

.header-top-righ a {
    color: #fff;
    font-size: 14px;
}

.header-top-righ a span {
    margin-right: 5px;
}




/*-- //icons --*/


/*-- Codes --*/



@media(max-width: 480px) {
    .bottom_header_left p span {
        padding-right: .5em;
    }
	
    .bottom-social-icons span {
        font-size: 13px;
        padding: 8px 5px;
    }
    .header-top-righ {
        width: 200%;
    }
    .bottom-social-icons {
        width: 60%;
    }
    .carousel-caption p {
        font-size: 10px;
    }
    .carousel-caption {
        min-height: 333px;
        padding: 6em 0 0 2em;
    }
    .carousel-indicators {
        left: 17%;
    }
    .carousel-control {
        line-height: 14em;
    }
    .tittle-style:before {
        width: 15%;
        left: 42%;
    }
    .tittle-style:after {
        width: 6%;
        left: 47%;
    }
    p {
        font-size: 13px;
    }
    .stats-info-agile {
        min-height: 500px;
        width: 100%;
        margin: 2em auto 0;
    }
    .services-grids-w3l {
        width: 80%;
        margin: 0 2em;
    }
    .services-grids-w3l:nth-child(2) {
        margin: 2em 2em;
    }
    .news-left-text {
        margin: 0 2em;
    }
    .news-left-top-text a {
        font-size: 17px;
    }
    .news-grid-info-bottom-w3ls-text p {
        font-size: .75em;
    }
    .news-left-img {
        min-height: 200px;
    }
    .news-grid-info-bottom-w3ls {
        margin: 8px 0;
    }
    .yaallahaa-news-grid:nth-child(2) {
        margin: 1.5em 0 0 0;
    }
    .yaallahaa-news-left:nth-child(2) {
        margin-top: 1.5em;
    }
    .middle-sec-agile h4 {
        font-size: 29px;
        letter-spacing: 0px;
    }
    .middle-right h5 {
        font-size: 17px;
    }
    .midle-left-w3l span {
        font-size: 16px;
    }
    .midle-left-w3l {
        width: 5%;
    }
    a.button-style {
        padding: 10px 21px;
        font-size: 15px;
        margin-top: 1.5em;
    }
    .three_testimonials_grid_main {
        width: 80%;
    }
    .botttom-nav-allah ul li {
        margin: 7px 7px;
    }
    .botttom-nav-allah ul li a {
        font-size: 13px;
    }
    .botttom-nav-allah {
        margin: 24px 0 25px;
    }
    .footer-copy-right p {
        letter-spacing: 1px;
    }
    .work-left {
        text-align: left;
        padding: 0;
        width: 100%;
    }
    .work-right {
        border-left: none;
        padding: 1em 0 1em 1em;
        text-align: left;
        width: 100%;
    }
    .work-right.work-right2 {
        min-height: 0;
    }
    .work-left:nth-child(2) {
        padding: 0 0 1em 1em;
    }
    .team-grids {
        padding: 0 .5em;
    }
    .team h4 {
        font-size: 19px;
    }
    .effectd-caption p {
        font-size: 13px;
    }
    .social-lsicon a {
        font-size: 13px;
    }
    .team .effectd-caption {
        padding: 15px;
    }
    .blog-grid-img {
        margin-top: 0;
        width: 100%;
    }
    .blog-grid-text {
        padding: 0 1em;
        margin-top: 0;
        width: 100%;
    }
    .blog-grid-img img {
        width: 60%;
        margin: 0 auto;
    }
    .blog-grid-text:nth-child(2) {
        margin-top: 1em;
    }
    .blog-grid-img.blog-img-rght {
        margin-top: 1em;
    }
    .register-form {
        width: 94%;
        padding: 30px;
    }
    .register-form input[type="submit"] {
        padding: 10px 33px;
        font-size: 15px;
    }
    .contact-w3lsright {
        margin-top: 2em;
    }
    .contact-w3lsright iframe {
        width: 100%;
        min-height: 434px;
    }
    .contact-grid {
        width: 100%;
    }
}

@media(max-width: 440px) {
    .bottom_header_left p {
        font-size: 12px;
    }
    .bottom_header_right {
        width: 43%;
    }
    .header-top-righ {
        margin-top: 2px;
    }
    .carousel-caption p {
        letter-spacing: 1px;
    }
    .middle-right h5 {
        font-size: 15px;
    }
    .midle-left-w3l span {
        font-size: 14px;
    }
    .pencil-img img {
        width: 52%;
    }
    .about2-info img {
        width: 67%;
    }
    .anim, .login-agileits-bottom h6 {
        font-size: 13px;
    }
    .login-form p {
        font-size: 13px;
    }
}

@media(max-width: 414px) {
    .bottom_header_right {
        width: 182%;
        text-align: center;
    }
    .header-top-righ {
        width: 41%;
        text-align: left;
        margin-left: 10px;
        margin-top: 4px;
    }
    .bottom_header_left {
        margin: .5em 0;
        text-align: center;
        float: none;
	font-size: 10px;
    }
    .bottom-social-icons {
        width: 54%;
        text-align: right;
    }
    .header {
        padding: 6px 0;
    }
    .carousel-caption h6 {
        font-size: 12px;
    }
    .carousel-caption h3 {
        font-size: 25px;
        margin: 7px 0 12px;
    }
    .carousel-caption {
        min-height: 274px;
        padding: 5em 0 0 1em;
    }
    .carousel-control {
        line-height: 12em;
    }
    .banner-bottom-w3l, .contact {
        padding: 2em 0 0;
    }
    h3.tittle {
        font-size: 2.1em;
        margin-bottom: 12px;
    }
    .title-div {
        margin-bottom: 40px;
    }
    .services .tittle-style:after {
        left: 10%;
    }
    .news-left-img {
        min-height: 274px;
        width: 100%;
    }
    .news-grid-info-bottom-w3ls {
        margin: 14px 0;
        width: 100%;
        padding: 0;
    }
    .news-left-top-text a {
        font-size: 18px;
    }
    .news-grid-info-bottom-w3ls-text p {
        font-size: .8em;
    }
    .yaallahaa-news-left:nth-child(2) {
        margin-top: 1em;
    }
    .news-left-text {
        margin: 0 4em;
        padding: 15px 0;
    }
    .middle-sec-agile h4 {
        font-size: 26px;
    }
    .middle-right {
        float: left;
        width: 93%;
    }    
    .midle-left-w3l {
        width: 7%;
    }
    .midle-left-w3l span {
        font-size: 17px;
    }
    .middle-right h5 {
        font-size: 15px;
        line-height: 1.6;
    }
    .botttom-nav-allah ul li {
        margin: 7px 5px;
    }
    .footer-middle-thanks h2 {
        font-size: 22px;
    }
    .news, .testimonials, .aitsresumethree, .about-sec, .team, .blog-cource, .register-form-main, .gallery, .w3_wthree_agileits_icons, .typo {
        padding: 2em 0;
    }
    .contact-text1 h4 {
        font-size: 23px;
        letter-spacing: 0px;
    }
    .three_testimonials_grid_main {
        width: 93%;
    }
    .contact-lsleft {
        margin-bottom: 3em;
    }
    .modal-header h4 {
        font-size: 1.8em;
        letter-spacing: 1px;
    }
    .contact-w3lsright iframe {
        min-height: 376px;
    }
}

@media(max-width: 384px) {
    .carousel-caption {
        padding: 4.5em 0 0 1em;
    }
    .carousel-indicators {
        bottom: -5%;
    }
    .stats-info-agile {
        padding: 1em 1em 0;
    }
    .about_bottom_left h4 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }
    .team-grids {
        padding: 0 1em;
        width: 100%;
    }
    .team-grids:nth-child(2) {
        margin-top:1.5em;
    }
    .blog-grid-text h4 {
        font-size: 23px;
    }
    .register-form {
        width: 100%;
        padding: 20px;
    }
    .w3gallery-grids {
        width: 100%;
    }
    .botttom-nav-allah ul li a {
        letter-spacing: 0px;
    }
    .login-form {
        width: 100%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 38% !important;
    }
}

@media(max-width: 375px) {
    .services-grids-w3l {
        width: 95%;
        margin: 0 0em;
    }
    .services-grids-w3l:nth-child(2) {
        margin: 2em 0;
    }
    .modal-header h4 {
        font-size: 1.7em;
    }
    .contact-w3lsright iframe {
        min-height: 330px;
    }
}

@media(max-width: 320px) {
    .header-top-right {
        margin-top: 2px;
    }
    .navbar-default a.navbar-brand h1 {
        font-size: 27px;
    }
    .navbar-default .navbar-brand label {
        letter-spacing: 2.8px;
        font-size: 7.5px;
        margin-top: 4px;
    }
    .navbar-default .navbar-toggle {
        margin: 7px 13px;
        padding: 6px 7px;
    }
    .header {
        padding: 5px 0 2px;
    }
    .carousel-caption h6 {
        letter-spacing: 1px;
    }
    .carousel-caption h3 {
        font-size: 22px;
        margin: 7px 0 12px;
        letter-spacing: 0px;
    }
    .carousel-caption {
        padding: 3.5em 0 0 .5em;
        min-height: 238px;
    }
    .carousel-control {
        line-height: 11em;
    }
    .carousel-indicators {
        bottom: -11%;
        left: 19%;
    }
    .carousel-caption p {
        font-size: 9px;
    }
    .banner-bottom-w3l, .contact {
        padding: 1.5em 0 0;
    }
    h3.tittle {
        font-size: 1.9em;
        margin-bottom: 9px;
    }
    .tittle-style:after {
        width: 8%;
        left: 45%;
    }
    .tittle-style:before {
        width: 20%;
        left: 39%;
    }
    .title-div {
        margin-bottom: 30px;
    }
    .banner_bottom_left h4 {
        font-size: 1.3em;
        margin-bottom: 6px;
    }
    p {
        font-size: 12px;
        line-height: 1.8em;
    }
    .stats-info-agile p {
        font-size: 12px;
        letter-spacing: 0px;
    }
    .numscroller {
        font-size: 1.8em;
    }
    .stats-grid {
        padding: 1em 0;
    }
    .stat-border:before {
        height: 95px;
        left: 99%;
    }
    .stats-info-agile {
        min-height: 363px;
    }
    .services .tittle-style:after {
        left: 12%;
    }
    .news-left-text {
        margin: 0 3em;
    }
    .news-left-img {
        min-height: 215px;
    }
    .news-left-top-text a {
        font-size: 17px;
    }
    .middle-sec-agile {
        padding: 2em 0 15em;
    }
    .middle-sec-agile h4 {
        font-size: 23px;
    }
    .middle-right {
        width: 90%;
    }
    .midle-left-w3l {
        width: 10%;
    }
    .sub-footer {
        padding: 2em 0;
    }
    .footer-middle-thanks h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .mkls_footer_grid_left:nth-child(2) {
        margin: 1.5em 0;
    }
    .footer-copy-right p {
        font-size: 12px;
    }
    .footercopy-social ul li a span{
        height: 32px;
        width: 32px;
        line-height: 34px;
        font-size: 13px;
    }
    .navbar-nav>li>a {
        margin: .5em 0;
    }
    .inner_page_agile {
        min-height: 100px;
    }
    .services-breadcrumb ul li span {
        padding: 0 .5em;
    }
    ul.short_ls li {
        font-size: 14px;
    }
    .services-breadcrumb {
        padding: .6em 0;
    }
    .about_bottom_left h4 {
        font-size: 1.25em;
    }
    .blog-grid-text h4 {
        font-size: 20px;
        letter-spacing: 0px;
    }
    .contact-text1 h4 {
        font-size: 22px;
    }
    .contact-grid h4, .address-grid h4 {
        font-size: 24px;
        margin-bottom: .8em;
    }
    .address-grid ul li {
        font-size: 13px;
        margin-bottom: 20px;    
    }
    .w3_address span {
        margin-right: .7em;
    }
    .address-grid ul {
        margin: 1.5em 0 0 0;
    }
    .contact-lsleft textarea {
        min-height: 9.5em;
    }
    .contact-grid {
        padding: 1em 0 3em;
    }
    .contact-lsleft {
        margin-bottom: 2em;
    }
    .login-form {
        padding: 20px;
    }
    .login-agileits-bottom {
        margin: 0 0 1em;
        float: none;
    }
    .login-form p {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .register-forming p {
        margin: 17px 0 0;
    }
    .login-form input[type="text"], .login-form input[type="password"], .login-form input[type="email"] {
        margin-bottom: 11px;
    }
    .modal-header h4 {
        font-size: 1.5em;
    }
    .contact-w3lsright iframe {
        min-height: 276px;
    }
}


/*--//responsive--*/