/* Generated by less 2.5.1 */


/*// main: ../compiled-bootstrap.less*/

/* smaller screens */

@media only screen and (max-width: 480px) {
    body {font-size: 12px;}
    #footer .footer-top {
        background-image: url(../images/dt4it_42.png);
        height: 150px;
        color: #fff;
        padding: 30px;
    }
    .works {
        margin: 5px
    }
    .works .gallery li {
        width: 220px
    }
    .works .gallery li img {
        height: 230px;
        width: 200px !important;
    }
    .hosting .plan {
        width: 240px;
        margin: 5px
    }
    .hosting {
        margin: 5px;
    }
}

/* xs screens */

@media only screen and (max-width: 768px) {
    body {font-size: 13px;}
    .wide-slider ul.view,
    .wide-slider ul.view li,
    .wide-slider ul.view li img {
        height: 300px;
    }
    #nav-search{top:0px;width: 90%;right: 5%}
    .nav__dropdown {
        right: -110px;
        top: 30px;
        left: 0
    }

    #nav {margin-left:0px;background:#608900;margin-bottom: 0px;top:200px}

    #header-nav{background-color: #97BE47;margin:0;height: 138px}
    .nav__dropdown-toggle{width:100%;/*margin-left:0px*/}
    .nav__dropdown-toggle,#brand{padding:0}
    .nav__dropdown-wrapper{position: relative;}
    .text-lg {
        font-size: 16px
    }
    #footer .footer-top {
        padding-top: 10px
    }
    .btn {
        font-size: 14px
    }
    .clients-btn {
        margin-top: 10px
    }
    .content-header {
        padding-top: 50px
    }
    .img {
        max-width: 200px;
        margin-bottom: 10px
    }
    
    .nav__dropdown:after {
        left: 0;
        right: 12rem;}
    /* الأوف كانفاز اللي مستخدمة في صفحة الكولابسيبل رايت ناف من الرابط التالي: http://getbootstrap.com/examples/offcanvas */
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .row-offcanvas-right {
        right: 0;
    }
    .row-offcanvas-left {
        left: 0;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%;
        /* 6 columns */
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%;
        /* 6 columns */
    }
    .row-offcanvas-right.active {
        right: 50%;
        /* 6 columns */
    }
    .row-offcanvas-left.active {
        left: 50%;
        /* 6 columns */
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%;
        /* 6 columns */
    }

    .ei-title h3,
    .ei-slider-thumbs li h3 {
        font-size: 16px !important
    }
  .phone {
        float: none !important;
    }
    
#nav-search .btn-link{position: relative;
top: -50px;
left: -45%;
    }
#nav-search .icon-up-circle{position: relative;top: -60px;}
}

/* sm screens */

@media only screen and (min-width: 769px) and (max-width: 992px) {
    body {font-size: 14px;}
    #header-nav{background-color: #97BE47;margin:0}
    .navbar-brand img {
        height: 50px;
    }
    .wide-slider ul.view,
    .wide-slider ul.view li,
    .wide-slider ul.view li img {
        height: 400px;
    }
    .btn {
        font-size: 16px
    }
    .copyright {
        margin-right: 0
    }
    .program-btn button {
        margin-right: 8px
    }
    /*ستايل المنيو المنسدلة*/
    .nav.navbar-nav {
        background: rgba(0, 0, 0, 0.7);
        text-align: center;
        float: none !important
    }
    .navbar-default .navbar-nav > li > a {
        padding: 5px 0
    }
    .navbar-default .navbar-nav > li {
        border-bottom: 1px solid #333
    }
    .navbar-nav {
        margin: 0 0
    }
    .navbar .nav-collapse {
        margin-top: 0;
        padding: 10px 30px
    }
    .ei-title h3,
    .ei-slider-thumbs li h3 {
        font-size: 18px !important
    }
    .ei-title {
        right: 50% !important
    }
    .phone {
        display: block;
    }
    .phone li div {
        display: block;
        height: auto
    }
    
}

/* md screens */

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    body {font-size: 15px;}
    .navbar-brand img {
        height: 50px;
    }
    .wide-slider ul.view,
    .wide-slider ul.view li,
    .wide-slider ul.view li img {
        height: 500px;
    }
    .program-btn button {
        margin-right: 10px;
        font-size: 16px
    }
}

/* lg screens */

@media only screen and (min-width: 1201px) {
    .flip-item-desc p {
        height: 64px !important;
        font-size: 14px
    }
}