@media (max-width: 1024px) and (orientation:landscape){
    nav > ul > li {
        margin-right: 30px;      
    }
    .top-content {        
        margin-top: -140px;       
    }
    .height-750 {
        height: 620px;
    }
    .height-750  .scroll{
        top: auto;
        bottom: 20px;
    }
    .home .scroll {
        bottom: 90px;
    }
    .prod-cont,
    .prod-cont.has-img{
        top: 250px;
        margin-top: 0;
        text-align: center;
    }
    .home-img{
        display: block;
    }
    /*Relation*/
    .relation li{
        width: 290px;
        height: 450px;
    }
    .relation li:after{
        width: 250px;
        margin-right: -125px;
    }
    .page-template-pay_store .how-work li:nth-child(even), .page-template-pay_store .how-work li, .page-template-pay_easy .how-work li:nth-child(even), .page-template-pay_easy .how-work li {
        margin-right: 200px;
    }

    .how-work li{
        margin-right: 80px;
    }
    .how-work li:after{
        right: -80px;
    }
    .page-template-pay_easy .sec-1 {
        -webkit-background-size: 90%;
        -moz-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
        background-position: right center;
        height: 600px;
    }
    .page-template-pay_easy .sec-1-cont {
        left: 50%;
        margin-left: -450px;
        top: 180px;
    }
    .page-template-pay_store .sec-1-cont {
        margin-left: -450px;
    }
    .page-template-online_payment .sec-1 {
        -webkit-background-size: 98%;
        -moz-background-size: 98%;
        -o-background-size: 98%;
        background-size: 98%;
        background-position:  -100px center;
        background-repeat: no-repeat;
        height: 600px;
    }
    .page-template-online_payment .sec-1 .sec-1-cont {
        width: 500px;
        position: absolute;
        top: 160px;
        left: 50%;
        text-align: left;
        margin-left: -40px;
    }
    .page-template-pay_home .sec-1-cont {
        top: 350px;
    }
    .pricing {        
        margin-top: -200px;
    }
    .sec-3{
        height: 580px;
    }
    .sec-3 .sec-3-cont {
        width: 530px;
        position: absolute;
        top: 150px;
        right: 50%;
        margin-right: -70px;
        text-align: left;
    }
    .sec-3 img {
        width: 500px;
    }
    .test-container{
        width: 1000px
    }
    .home-testimonials li,
    .home-testimonials li.large,
    .home-testimonials ul
    {
        width: 495px;
    }
    .scroll{
        bottom: 210px;
    }
    .page-template-security .scroll{
        bottom: 60px;
    }
    .da-thumbs.team {
        width: 900px;
    }
    .team li img {
        width: 100%;
        height: 330px;
    }
    .team li h4 {
        font-size: 20px;
    }
    .da-thumbs.team li a div span p {
        font-size: 14px;
    }
    .team li:nth-of-type(n+3) img {
        height: 277px; 
    }
    .page-template-story .prod-cont{
        top: 325px;
    }
    .security li{
        height: 510px;
    }
    .videos-list{
        padding: 0 ;
    }
    .videos-list li{
        width: 295px;
    }

}

@media (max-width: 991px){ /*Tablet Or iPad*/
    .select {
        top: 350px;
    }
    .why-img img{
        max-width: 100%;
        height: auto;
    }
    .test-account, #lansel a{
        color: #2e2c2c;
        border: 2px solid #2e2c2c;
    }
    .test-account {
        color: #00974b;
        border: 2px solid #00974b;
    }

    .home-img{
        display: block;
    }
    .right-header,nav > ul ul:after{
        display: none;
    }
    nav > ul > li.has-sub:last-child a:before{
        display: block;
    }
    .right-header{
        margin: 0;
    }
    nav{
        max-height: 300px;
        overflow-y: scroll;
    }
    .menu-button{
        display: block;
        width: 46px;
        height: 46px;
        background: url(img/menu-button.png) no-repeat center;
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -23px;
        transition: all .5s;
    }
    .menu-button.open,.fix-header .menu-button.open{
        background: url(img/g-button.png) no-repeat center #fff; 

    }
    .links-container{
        position: absolute;
        background: #fff;
        border-bottom: 1px solid #3a4045;
        width: 300px;
        right: 25px;
        top: 70px;

    }
    .test-account {

        margin: 5px;
        float: right;
    }
    nav {
        float: none;
        width: 300px;
        position: absolute;
        /* background: #fff; */
        color: #000;
        right: 25px;
        top: 116px;
    }
    #lansel{
        margin: 5px;
        float: right;
    }
    nav > ul > li,nav > ul > li:last-child{
        float: none;
        background: #fff;
        border-bottom: 1px solid #3a4045;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        height: auto;
        min-height: 40px;
        max-height: 40px;
        overflow: hidden;
        -webkit-transition: max-height 0.35s ease-out;
        -moz-transition: max-height 0.35s ease-out;
        -ms-transition: max-height 0.35s ease-out;
        -o-transition: max-height 0.35s ease-out;
        transition: max-height 0.35s ease-out;
    }
    nav > ul > li > a {
        line-height: 23px;
    }
    nav > ul > li.open{
        max-height: 10000px;
    }
    nav > ul > li >a,nav > ul > li.has-sub > a:before{
        color: #3a4045;
    }
    nav > ul > li:last-child > a{
        line-height: 10px;
        height: 52px;
    }
    nav > ul ul{
        position: relative;
        top: auto;
        left: auto;
    }
    nav > ul ul {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        background: #fff;
        display: block;
        opacity: 1;
        transition: all 1s;
    }
    nav > ul ul li{
        height: 45px;
        background: #3a4045;
        border-bottom: 1px solid #fff;
    }
    nav > ul ul li a{
        color: #fff;
        font-size: 18px;
        font-family: 'brandon_textmedium';
    }
    .cl-effect-3 > ul > li > a{
        display: block;
        margin-left: 25px;
    }
    nav > ul > li.has-sub > a:before{
        right: 20px;
    }
    .fix-header .menu-button{
        background: url(img/d-menu-button.png) no-repeat center;
    }

    /*Home Page*/
    .test-sec .bx-wrapper .bx-viewport{
        width: 730px !important;
        margin: 0 auto;
    }
    .large-pricing-g.active{
        display: none;
    }
    .pricing{
        width: 300px;
    }
    .pricing-content[data-products="446"] a.featuerd{
        display: none;
    }
    .rpt_plan{
        margin-bottom: 50px;
        width: 300px;
    }
    .testimonials .large-img{
        width: 370px;
        height: auto;
    }
    .testimonials .test-details {
        width: 350px;
    }
    .testimonials p {
        font-size: 14px;
        color: #312f2f;
        font-family: 'brandon_text_regularregular';
        margin: 15px 10px 20px -15px;
        width: 300px;
        line-height: 26px;
        word-spacing: 1px;
        text-align: left;
        display: inline-block;
        line-height: 26px;
    }
    .testimonials .test-name {
        margin-left: -15px;
    }
    .merchants li {
        width: 160px;
        height: 120px;
    }
    /*About*/
    .da-thumbs.team{
        height: auto;
        width: 616px;
        margin: 0 auto;
    }
    ul.story, ul.values {
        width: 730px;
    }
    .story li p, .values li p {
        padding-right: 25px;
    }
    .values li .value-data {
        float: right;
        width: 365px;
    }
    .page-template-story .merchants {
        width: 640px;
    }
    .bank-client {
        width: 385px;
    }
    /*Online Payment*/    
    .how-work li {
        width: 90px;
        height: 90px;
        margin-right: 60px;
    }
    .page-template-pay_home .how-work li:last-child, .page-template-pay_home .how-work li:first-child {
        width: 90px;
        height: 90px;
    }
    .page-template-online_payment .sec-1{
        width: 700px;
        margin: 0 auto;
    }
    .page-template-online_payment .sec-1 {
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: -175px center;
        height: 500px;
    }
    .page-template-online_payment .sec-1-cont {
        left: auto;
        right: 0;
        margin-left: -370px;
        top: 50px;
        width: 360px;
    }
    .sec-3{
        height: 480px;
    }
    .sec-3 .sec-3-cont {
        width: 350px;
        position: absolute;
        top: 20px;
        right: 50%;
        margin-right: 0px;
        text-align: left;
    }
    .sec-3 img {
        width: 400px;
    }
    .how-work li:nth-child(even) {
        width: 50px;
        height: 90px;
    }
    .how-work li:after {
        line-height: 90px;
        right: -69px;
    }
    .how-work li:nth-child(even) p {
        top: auto;
        bottom: 85px;
    }
    .how-work li p{
        top: 105px;
    }
    /*Pay Store*/
    .page-template-pay_store .how-work li:nth-child(even), .page-template-pay_store .how-work li, .page-template-pay_easy .how-work li:nth-child(even), .page-template-pay_easy .how-work li {
        margin-right: 90px;
    }
    .page-template-pay_store .how-work li:after, .page-template-pay_easy .how-work li:after {
        right: -80px;
    }
    .page-template-pay_store .how-work li p {
        width: 200px;
        margin-left: -100px;
        top: 175px;
    }
    .page-template-pay_store .sec-1-cont {
        margin-left: -450px;
    }
    .page-template-pay_store .sec-1 {
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: right -170px center;
        height: 500px;
    }
    .page-template-pay_store .sec-1-cont {
        left: 50%;
        margin-left: -370px;
        top: 50px;
        width: 380px;
    }
    /*Pay Easy*/
    .page-template-pay_easy .how-work.easy-1{
        width: 700px
    }
    .page-template-pay_easy .how-work li p {
        top: 175px;
    }
    .page-template-pay_easy .how-work li:after{
        line-height: 150px;
    }
    .tooltip-note {
        top: 60px;
        right: -60px;
    }
    .page-template-pay_easy .sec-1 {
        -webkit-background-size: 90%;
        -moz-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
        background-position: 130px center;
        height: 500px;
    }
    .page-template-pay_easy .sec-1-cont {
        left: 50%;
        margin-left: -370px;
        top: 125px;
        width: 330px;
    }
    /*Pay Home*/
    .home-testimonials ul,
    .test-container{
        width: 520px;
    }

    .home-testimonials .large {
        position: relative;
        height: 540px;
    }
    .page-template-pay_home .how-work ul {
        margin-top: 0;
        margin-bottom: 340px;
    }
    .page-template-pay_home .how-work li:last-child p, .page-template-pay_home .how-work li:first-child p {
        top: 130px;
    }
    .page-template-pay_home .how-work li p, .page-template-pay_home .how-work li:nth-of-type(even) p {
        width: 100px;
    }
    /*Security*/
    .page-template-security .top-banner{
        background-position: 80% center;

    }
    .page-template-security .top-content{
        top: 320px;
    }
    .scroll{
        top: 410px;
    }    
    .page-template-security .scroll {
        top: auto;
        bottom: 255px;
    }
    .security ul{
        width: 100%;
        padding: 0 20px;
    }
    .security li{
        width: 49.6%;
        height: 580px;
    }
    /*Relation*/
    .top-content{
        width: 700px;
        margin-left: -350px;
    }
    .relation{
        width: 320px;
    }
    .relation li{
        margin-bottom: 70px;
    }
    .customers img {
        max-width: 160px !important;
        max-height: 130px;
    }

    .story-map i.egypt{
        top: 183px;
        left: 60px;
    }
    .story-map i.uae{
        top: 227px;
        left: 266px;
    }
    .story-map i.ksa{
        top: 242px;
        left: 175px;
    }
    .story-map i.labenon{
        top: 148px;
        left: 105px;
    }
    .story-map i.jordon{
        top: 173px;
        left: 117px;
    }
    .story-map i.kw{
        top: 176px;
        left: 193px;
    }
    .team li img {
        width: 100%;
        height: 225px;
    }
    .team li:nth-of-type(n+3) img {
        height: 190px;
    }
    .team li h4 {
        font-size: 20px;
    }
    .da-thumbs.team li a div span p {
        font-size: 14px;
    }
    table.tabtable-rs_ddhfn5bd {
        width: 200%;
        position: absolute;
        top: -210px;
        left: -150px;
    }
    .easy-bank li {
        margin-right: 15px;
    }

    .videos-list li{
        width: 270px;
    }
    .videos-list li:nth-child(3n+0){
        margin-right: 25px;
    }
    .videos-list li:nth-child(2n+0){
        margin-right: 0;
    }
    .videos-list{
        padding: 0;
    }
}
@media (max-width: 860px){

}