@media only screen and (min-width: 1921px) {
    .map-outer img{width: 100%;}
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .slick-arrow.slick-prev:before{border-width: 25px 25px 25px 0;}
    .slick-arrow.slick-next:before{border-width: 25px 0 25px 25px;}
    .slider-text{font-size: 30px;}
    .slider-text span{font-size:18px; margin-top: 30px;}
    .home-btn{width:285px;}
    .top-logo{margin:60px 0 0;}
    .top-logo img{max-height: 160px;}
    .main-bg{background-size: 244px;}
    .cube{width:117px; height: 132px;font-size:23px;}
    .pict img{width: 117px; height: 132px;}
    .row-2{top: 70px;}
    .row-3{top: 174px;}
    .row-4{top: 277px;}
    .row-5{top: 380px;}
    .row-6{top: 483px;}
    .row-7{top: 586px;}
    .row-8{top: 689px;}
    .row-9{top: 792px;} 
    .col-3{left: 241px;}
    .col-4{left: 363px;}
    .col-5{left: 485px;}
    .col-6{left: 607px;}
    .col-7{left: 729px;}
    .col-8{left: 851px;}
    .col-9{left: 973px;}    
    .e-col-3{left: 180px;}
    .e-col-4{left: 302px;}
    .e-col-5{left: 424px;}
    .e-col-6{left: 546px;}
    .e-col-7{left: 668px;}
    .e-col-8{left: 790px;}
    .e-col-9{left: 912px;}
    .team-text {font-size: 30px; margin: 75px 0 0;}
    .links{font-size:36px; padding: 0 62px 0 62px; margin: 80px 0 0; }
    .coming{width:400px; font-size: 36px; margin:120px auto 0;}
    .map-outer {height: 420px;}
    .direction{font-size: 32px;}
    h3{font-size:42px;}
    h4{font-size:26px;}
    p{font-size:18px;}
    .address {margin: 20px 0 0;}
    .contact-list {margin: 50px 0 40px;}
    .social-media ul li{font-size:72px;}
    .cube.bk.row-6 {margin-top: -65px;}
    .coming{padding-top:40px;}
    h2{font-size:44px;}
    h5{font-size:23px;}
    h6{font-size: 18px;}
    .project-description{font-size:16px;}
    .project-details{font-size: 14px;}
    .left-list{font-size: 16px;bottom: 15%;}
    .left-list ul{margin:20px 0 0;}
    .highlight{font-size: 14px;}
    .title-text {width: 250px; margin-top: 100px;padding:6px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 16px; height: 16px;}    
    .services-outer{background-size: 244px;height: 5015px;}
    .cube2x{width:242px; height: 274px; margin:4px;font-size:22px;}
    .text-only {font-size: 16px; height: 274px;max-width: 23%;}
    .services-logo {margin: 150px 0 0;}
    .services-inner {top: 413px;}
    .services-offered{font-size:36px;}    
    .logo-block {right: 95px;top: 370px;}
    .logo-text{font-size:22px;}
    .ds1 {top: 448px;left: 195px;}
    .ds2 {top: 1895px; left: 715px;}    
    .xrow-6 {top: 547px;}
    .xrow-8 {top: 754px;}
    .xrow-10 {top: 961px;}
    .xrow-12 {top: 1168px;}
    .xrow-14 {top: 1375px;}
    .xrow-16 {top: 1582px;}
    .xrow-20 {top: 1992px;}
    .xrow-22 {top: 2199px;}
    .xrow-24 {top: 2406px;}
    .xrow-26 {top: 2613px;}
    .xrow-28 {top: 2820px;}    
    .col-2 {left: 119px;}    
    .tx1 {left: 20px;}
    .tx2 {left: 854px;}
    .tx3 {left: 510px;}    
    .mgnt{left: 85px;top: 1805px;}
    .text-block-outer {top: 3255px;}
    .title-block{font-size:60px;padding:0 0 40px;}
    .text-block{font-size: 20px; min-height: 110px;}
    .single-1 {top: 3372px;}
    .single-2 {top: 3437px;}
    .single-3 {top: 3578px;}
    .single-4 {top: 3713px;}
    .single-5 {top: 3785px;}
    .single-6 {top: 4198px;}
    .single-7 {top: 4263px;}    
    .readmore{height: 6500px;overflow: hidden;}
    .readmore h2 {font-size: 90px; letter-spacing: 5px;}
    .wh-1 h2{font-size:110px; letter-spacing: 5px;}
    .tp-1 {top: 60px; left: 100px;}
    .rrow-4 {top: 274px;}
    .rrow-6 {top: 481px;}
    .rrow-8 {top: 688px;}
    .qp-1 {top: 970px;left: 185px;}
    .quot-text{font-size: 25px;}    
    .tp-2 {top: 1050px; right: 60px;}
    .sm-text{font-size: 16px;}
    .xrow-17 {top: 1650px;}
    .xrow-19 {top: 1857px;}
    .wh-3 {width: 35%;max-width: 600px;}
    .xrow-21 {top: 2064px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 60px; letter-spacing: 3px;}
    .tp-4 {top: 2280px; left: 60px;}
    .qp-2 {top: 2380px; right: 80px;}
    .xrow-25 {top: 2542px;}
    .xrow-27 {top: 2749px;}
    .cp-01{left: 20px;}
    .xrow-29 {top: 2956px;}
    .tp-6 {top: 3390px;}
    .xrow-35 {top: 3643px;}
    .xrow-37 {top: 3850px;}
    .xrow-39 {top: 4057px;}
    .cp-2 {left: 142px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 103px;}
    .size-lg-1{font-size:56px;}
    .qp-3 {top: 4130px; right: 90px;}
    .tp-9 {top: 4420px; left: 70px;}
    .xrow-44 {top: 4573px;}
    .cp-4 {left: 446px;}
    .xrow-46 {top: 4780px;}
    .cp-5 {left: 80px;}
    .xrow-48 {top: 4987px;}
    .xrow-50 {top: 5194px;}
    .tp-11 {top: 5390px;right: 58px;}
    .xrow-55 {top: 5639px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 5846px;}
    .cp-10{left: 20px;}
    .xrow-59 {top: 6053px;}
    .md-text-1{font-size: 32px;}
    .md-text-2{font-size:32px;}
    .e-col-10 {left: 1034px;}    
    .wh-5{max-width: 341px;}
    .wh-8{max-width: 460px;}
    .wh-10{max-width: 410px;}
    .home-logo img{max-width: 450px;}
    .tsub {font-size: 16px;}
    .ss-btn {font-size: 36px; padding: 8px 15px;}
    .near-box{margin-top: 128px;margin-left: -16px;}
    .near-box.rt {margin-left: 6px;}    
    .pbox {height: 142px;}
    .show .profile-box {width: 490px;min-height:66px;overflow: hidden;}
    .p-left {font-size: 48px; width: 80px;}
    .p-right {width: calc(100% - 80px);font-size: 12px;}
    .profile-box.lt{left: 3px;}    
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
    .slick-arrow.slick-prev:before{border-width: 20px 20px 20px 0;}
    .slick-arrow.slick-next:before{border-width: 20px 0 20px 20px;}
    .slider-text{font-size: 24px;}
    .slider-text span{font-size:16px; margin-top: 20px;}
    .home-btn{width:260px;}    
    .top-logo{margin:60px 0 0;}
    .top-logo img{max-height: 130px;}
    .main-bg{background-size: 184px;}
    .cube{width:88px; height: 100px;font-size:18px;}
    .pict img{width: 88px; height: 100px;}
    .row-2{top: 51px;}
    .row-3{top: 129px;}
    .row-4{top: 207px;}
    .row-5{top: 285px;}
    .row-6{top: 363px;}
    .row-7{top: 441px;}
    .row-8{top: 519px;}
    .row-9{top: 597px;} 
    .col-3{left: 182px;}
    .col-4{left: 274px;}
    .col-5{left: 366px;}
    .col-6{left: 458px;}
    .col-7{left: 550px;}
    .col-8{left: 642px;}
    .col-9{left: 734px;}    
    .e-col-3{left: 136px;}
    .e-col-4{left: 228px;}
    .e-col-5{left: 320px;}
    .e-col-6{left: 412px;}
    .e-col-7{left: 504px;}
    .e-col-8{left: 596px;}
    .e-col-9{left: 688px;}
    .team-text {font-size: 22px; margin: 60px 0 0;}
    .links{font-size:28px; padding: 0 42px 0 47px; margin: 60px 0 0; }
    .coming{width:300px; font-size: 24px; margin:100px auto 0;}
    .map-outer {height: 350px;}
    .direction{font-size: 24px;}
    h3{font-size:32px;}
    h4{font-size:24px;}
    p{font-size:18px;}
    .address {margin: 40px 0 0;}
    .contact-list {margin: 50px 0 40px;}
    .social-media ul li{font-size:52px;}
    .social-media .row-8{top:597px;}
    .social-media .e-col-3{left: 272px;}
    .social-media .e-col-4{left: 366px;}
    .social-media .e-col-5{left: 458px;}
    .social-media .e-col-6{left: 550px;}
    .social-media .e-col-7{left: 642px;}
    .cube.bk.row-6 {margin-top: -47px;}
    .coming{padding-right: 45px;padding-top: 30px;}
    h2{font-size:32px;}
    h5{font-size:17px;}
    h6{font-size:15px;}
    .project-description{font-size:14px;}
    .project-details{font-size: 12px;}
    .slick-dots li {margin: 0 6px; width: 16px; height: 16px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 14px; height: 14px;}
    .left-list{font-size: 14px;bottom: 15%;}
    .left-list ul{margin:15px 0 0;}
    .highlight{font-size: 11px;}
    .title-text {padding: 4px; width: 188px; margin-top: 78px;}      
    .services-outer{background-size: 184px;height: 3765px;}
    .cube2x{width:182px; height: 206px; margin:3px;font-size:16px;}
    .text-only {font-size: 12px; height: 206px;padding:0 20px;max-width: 23%;}
    .services-logo {margin: 110px 0 0;}
    .services-inner {top: 312px;}
    .services-offered{font-size:30px;padding: 7px 15px;}    
    .logo-block {right: 80px;top: 275px;}
    .logo-text{font-size:19px;}
    .ds1 {top: 335px;left: 145px;}
    .ds2 {top: 1426px; left: 538px;}    
    .xrow-6 {top: 411px;}
    .xrow-8 {top: 567px;}
    .xrow-10 {top: 723px;}
    .xrow-12 {top: 879px;}
    .xrow-14 {top: 1035px;}
    .xrow-16 {top: 1191px;}
    .xrow-20 {top: 1502px;}
    .xrow-22 {top: 1658px;}
    .xrow-24 {top: 1814px;}
    .xrow-26 {top: 1970px;}
    .xrow-28 {top: 2126px;}    
    .col-2 {left: 90px;}    
    .tx1 {left: 14px;}
    .tx2 {left: 643px;}
    .tx3 {left: 383px;}    
    .mgnt{left: 60px;top: 1360px;}
    .text-block-outer {top: 2450px;}
    .title-block{font-size:48px;padding:0 0 30px;}
    .text-block{font-size: 16px; min-height: 80px;}
    .single-1 {top: 2542px;}
    .single-2 {top: 2748px;}
    .single-3 {top: 2697px;}
    .single-4 {top: 2903px;}
    .single-5 {top: 3008px;}
    .single-6 {top: 3163px;}
    .single-7 {top: 3216px;}
    .title-block span:nth-child(2n) {top: -20px;}
    .readmore{height: 4900px;overflow: hidden;}
    .readmore h2 {font-size: 60px; letter-spacing: 5px;}
    .wh-1 h2{font-size:84px; letter-spacing: 5px;}
    .tp-1 {top: 60px; left: 100px;}
    .rrow-4 {top: 206px;}
    .rrow-6 {top: 362px;}
    .rrow-8 {top: 518px;}
    .qp-1 {top: 735px;left: 140px;}
    .quot-text{font-size: 18px;}    
    .tp-2 {top: 795px; right: 30px;}
    .sm-text{font-size: 13px;}
    .cp-1 {left: 15px;}
    .xrow-17 {top: 1243px;}
    .xrow-19 {top: 1399px;}
    .wh-3 {width: 33%;max-width: 500px;}
    .xrow-21 {top: 1555px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 48px; letter-spacing: 3px;}
    .tp-4 {top: 1730px; left: 60px;}
    .qp-2 {top: 1790px; right: 80px;}
    .xrow-25 {top: 1918px;}
    .xrow-27 {top: 2074px;}
    .cp-01{left: 15px;}
    .xrow-29 {top: 2230px;}
    .tp-6 {top: 2555px;}
    .xrow-35 {top: 2748px;}
    .xrow-37 {top: 2904px;}
    .xrow-39 {top: 3060px;}
    .cp-2 {left: 107px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 80px;}
    .size-lg-1{font-size:42px;}
    .qp-3 {top: 3130px; right: 70px;}
    .tp-9 {top: 3330px; left: 40px;}
    .xrow-44 {top: 3449px;}
    .cp-4 {left: 338px;}
    .xrow-46 {top: 3605px;}
    .cp-5 {left: 60px;}
    .xrow-48 {top: 3761px;}
    .xrow-50 {top: 3917px;}
    .tp-11 {top: 4063px;right: 60px;}
    .xrow-55 {top: 4251px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 4407px;}
    .cp-10{left: 20px;}
    .xrow-59 {top: 4563px;}
    .md-text-1{font-size: 24px;}
    .md-text-2{font-size:26px;}
    .e-col-10 {left: 780px;}
    .quot-text::before {left: -30px; top: -30px; font-size: 60px;}    
    .wh-5{max-width: 192px;}
    .wh-8{max-width: 310px;}
    .wh-10{max-width: 230px;}
    .home-logo{padding:20px 0;}
    .home-logo img{max-width: 350px;}
    .tsub {font-size: 14px;padding:0 0 10px;}
    .ss-btn {font-size: 26px; padding: 7px 15px;}  
    .near-box{margin-top: 92px;margin-left: -16px;}
    .near-box.rt {margin-left: 5px;}  
    .pbox {height: 110px;}
    .show .profile-box {width: 365px;min-height: 48px;}
    .p-left {font-size: 48px; width: 80px;}
    .p-right {width: calc(100% - 80px);font-size: 12px;}
    .profile-box.lt{left: 3px;}
    .cp-6 {
       left: 0px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1559px) {
    .social-media .row-8{top:597px;}
    .social-media .e-col-4{left: 272px;}
    .social-media .e-col-5{left: 366px;}
    .social-media .e-col-6{left: 458px;}
    .social-media .e-col-7{left: 550px;}
    .social-media .e-col-8{left: 642px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .slick-arrow.slick-prev:before{border-width: 20px 20px 20px 0;}
    .slick-arrow.slick-next:before{border-width: 20px 0 20px 20px;}
    .slider-text{font-size: 24px;}
    .slider-text span{font-size:16px; margin-top: 20px;}
    .home-btn{width:220px;}
    .top-logo{margin:45px 0 0;}
    .top-logo img{max-height: 120px;}
    .main-bg{background-size: 164px;}
    .cube{width:78px; height: 88px;font-size:16px;}
    .pict img{width: 78px; height: 88px;}
    .row-2 {top: 46px;}
    .row-3 {top: 116px;}
    .row-4 {top: 185px;}
    .row-5 {top: 254px;}
    .row-6 {top: 323px;}
    .row-7 {top: 392px;}
    .row-8 {top: 462px;}
    .row-9 {top: 531px;} 
    .col-3{left: 161px;}
    .col-4{left: 243px;}
    .col-5{left: 325px;}
    .col-6{left: 407px;}
    .col-7{left: 489px;}
    .col-8{left: 571px;}
    .col-9{left: 653px;}    
    .e-col-3 {left: 120px;}
    .e-col-4 {left: 202px;}
    .e-col-5 {left: 284px;}
    .e-col-6 {left: 366px;}
    .e-col-7 {left: 448px;}
    .e-col-8 {left: 530px;}
    .e-col-9 {left: 612px;}
    .team-text {font-size: 20px; margin: 50px 0 0;}
    .links{font-size:24px; padding: 0 35px 0 42px; margin: 60px 0 0;}
    .coming{width:270px; font-size: 20px; margin:85px auto 0;}
    .map-outer {height: 320px;}
    .map-outer{padding:15px;}
    .direction{font-size: 20px;left: 30px; top: 30px;}
    h3{font-size:28px;}
    h4{font-size:24px;}
    p{font-size:14px;}
    .address {margin: 30px 0 0;}
    .contact-list {margin: 50px 0 30px;}
    .social-media ul li{font-size:48px;}
    .social-media .row-8{top:600px;}
    .social-media .e-col-4{left: 120px;}
    .social-media .e-col-4{left: 202px;}
    .social-media .e-col-5{left: 284px;}
    .social-media .e-col-6{left: 366px;}
    .social-media .e-col-7{left: 448px;}
    .social-media .e-col-8{left: 530px;}
    .cube.bk.row-6 {margin-top: -42px;}
    .coming{padding-right: 40px;padding-top: 30px;}
    h2{font-size:28px;}
    h5{font-size:16px;}
    h6{font-size:14px;}
    .project-description{font-size:13px;}
    .project-details{font-size: 11px;}
    .slick-dots li {margin: 0 6px; width: 16px; height: 16px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 14px; height: 14px;}
    .left-list{font-size: 12px;bottom: 15%;}
    .left-list ul{margin:15px 0 0;}
    .highlight{font-size: 9px;}
    .title-text {width: 170px; margin-top: 70px;} 
    .services-outer{background-size: 163.8px;height: 3430px;}
    .cube2x{width:162px; height: 184px; margin:3px;font-size:14px;}
    .text-only {font-size: 11px; height: 184px;padding:0 20px;max-width: 23%;}
    .services-logo {margin: 90px 0 0;}
    .services-inner {top: 278px;}
    .services-offered{font-size:25px;padding: 7px 15px;}    
    .logo-block {right: 70px;top: 240px;width: 36%;}
    .logo-text{font-size:17px;margin:20px 0 0;}
    .ds1 {top: 298px;left: 145px;}
    .ds2 {top: 1270px; left: 485px;}    
    .xrow-6 {top: 366px;}
    .xrow-8 {top: 505px;}
    .xrow-10 {top: 644px;}
    .xrow-12 {top: 783px;}
    .xrow-14 {top: 922px;}
    .xrow-16 {top: 1061px;}
    .xrow-20 {top: 1337px;}
    .xrow-22 {top: 1476px;}
    .xrow-24 {top: 1615px;}
    .xrow-26 {top: 1754px;}
    .xrow-28 {top: 1893px;}    
    .col-2 {left: 79px;}    
    .tx1 {left: 14px;}
    .tx2 {left: 574px;}
    .tx3 {left: 344px;}    
    .mgnt{left: 55px;top: 1215px;}
    .text-block-outer {top: 2175px;}
    .title-block{font-size:48px;padding:0 0 30px;}
    .text-block{font-size: 14px; min-height: 70px;}
    .single-1 {top: 2262px;}
    .single-2 {top: 2354px;}
    .single-3 {top: 2402px;}
    .single-4 {top: 2446px;}
    .single-5 {top: 2678px;}
    .single-6 {top: 2816px;}
    .single-7 {top: 2862px;}
    .title-block span:nth-child(2n) {top: -20px;} 
    .readmore{height: 4400px;overflow: hidden;}
    .readmore h2 {font-size: 56px; letter-spacing: 5px;}
    .wh-1 h2{font-size:73px; letter-spacing: 5px;}
    .tp-1 {top: 50px; left: 80px;}
    .rrow-4 {top: 183px;}
    .rrow-6 {top: 323px;}
    .rrow-8 {top: 463px;}
    .qp-1 {top: 650px;left: 125px;}
    .quot-text{font-size: 16px;}    
    .tp-2 {top: 705px; right: 30px;}
    .sm-text{font-size: 12px;}
    .cp-1 {left: 15px;}
    .xrow-17 {top: 1106px;}
    .xrow-19 {top: 1245px;}
    .wh-3 {width: 37%; max-width: 400px;}
    .xrow-21 {top: 1384px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 43px; letter-spacing: 3px;}
    .tp-4 {top: 1540px; left: 60px;}
    .qp-2 {top: 1610px; right: 65px;}
    .xrow-25 {top: 1706px;}
    .xrow-27 {top: 1846px;}
    .cp-01{left: 15px;}
    .xrow-29 {top: 1986px;}
    .tp-6 {top: 2275px;}
    .xrow-35 {top: 2445px;}
    .xrow-37 {top: 2585px;}
    .xrow-39 {top: 2725px;}
    .cp-2 {left: 107px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 70px;}
    .size-lg-1{font-size:36px;}
    .qp-3 {top: 2790px; right: 50px;}
    .tp-9 {top: 2965px; left: 40px;}
    .xrow-44 {top: 3070px;}
    .cp-4 {left: 305px;}
    .xrow-46 {top: 3209px;}
    .cp-5 {left: 60px;}
    .xrow-48 {top: 3349px;}
    .xrow-50 {top: 3489px;}
    .tp-11 {top: 3615px;right: 50px;}
    .xrow-55 {top: 3785px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 3924px;}
    .cp-10{left: 20px;}
    .xrow-59 {top: 4064px;}
    .md-text-1{font-size: 22px;}
    .md-text-2{font-size:24px;}
    .e-col-10 {left: 694px;}
    .quot-text::before {left: -30px; top: -30px; font-size: 60px;}
    .wh-5{max-width: 170px;}
    .wh-8{max-width: 256px;}
    .wh-10{max-width: 204px;}
    .cp-6{left: 0;}
    .home-logo{padding:20px 0;}
    .home-logo img{max-width: 320px;}
    .tsub {font-size: 14px;padding:0 0 10px;}
    .ss-btn {font-size: 24px; padding: 7px 15px;}
    .near-box:after{border-width: 10px 10px 10px 0;}
    .near-box.rt:after{border-width: 10px 0 10px 10px;}
    .fancybox-button{width:32px; height: 32px;}
    .near-box{width:10px; height: 20px; margin-top: 85px;margin-left: -10px;}
    .near-box.rt {margin-left: 4px;}
    .pbox {height: 98px;}
    .show .profile-box {width: 326px;min-height: 48px;}
    .p-left {font-size: 48px; width: 80px;}
    .p-right {width: calc(100% - 80px);font-size: 11px;}
    .profile-box.lt{left: 3px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .slick-arrow.slick-prev:before{border-width: 20px 20px 20px 0;}
    .slick-arrow.slick-next:before{border-width: 20px 0 20px 20px;}
    .slider-text{font-size: 18px;}
    .slider-text span{font-size:12px; margin-top: 15px;}
    .home-btn{width:175px;}
    .top-logo{margin:45px 0 0;}
    .top-logo img{max-height: 110px;}
    .main-bg{background-size: 164px;}
    .cube{width:78px; height: 88px;font-size:16px;}
    .pict img{width: 78px; height: 88px;}
    .row-2 {top: 46px;}
    .row-3 {top: 116px;}
    .row-4 {top: 185px;}
    .row-5 {top: 254px;}
    .row-6 {top: 323px;}
    .row-7 {top: 392px;}
    .row-8 {top: 462px;}
    .row-9 {top: 531px;} 
    .col-3{left: 79px;}
    .col-4{left: 161px;}
    .col-5{left: 243px;}
    .col-6{left: 325px;}
    .col-7{left: 407px;}
    .col-8{left: 489px;}
    .col-9{left: 571px;}    
    .e-col-3 {left: 38px;}
    .e-col-4 {left: 120px;}
    .e-col-5 {left: 202px;}
    .e-col-6 {left: 284px;}
    .e-col-7 {left: 366px;}
    .e-col-8 {left: 448px;}
    .e-col-9 {left: 530px;}
    .team-text {font-size: 18px; margin: 55px 0 0;}
    .links{font-size:20px; padding: 0 30px 0 42px; margin: 50px 0 0; }
    .coming{width:210px; font-size: 16px; margin:70px auto 0;}
    .map-outer {height: 270px;}
    .map-outer{padding:15px;}
    .direction{font-size: 18px;left: 30px; top: 30px;}
    h3{font-size:24px;}
    h4{font-size:20px;}
    p{font-size:15px;}
    .address {margin: 40px 0 0;}
    .contact-list {margin: 50px 0 50px;}
    .social-media ul li{font-size:48px;}
    .cube.bk.row-6 {margin-top: -42px;}
    .coming{padding-right: 35px;padding-top: 40px;}
     h2{font-size:24px;}
    h5{font-size:12px;}
    h6{font-size:10px;}
    .project-description{font-size:11px;}
    .project-details{font-size: 9px;}
    .slick-dots li {margin: 0 6px; width: 12px; height: 12px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 10px; height: 10px;}
    .left-list{font-size: 10px;bottom: 15%;}
    .left-list ul{margin:10px 0 0;}    
    .highlight{font-size: 9px;}
    .title-text {width: 170px; margin-top: 70px;}      
    .services-outer{background-size: 132px;height: 2830px;}
    .cube2x{width:130px; height: 148px; margin:3px;font-size:11px;}
    .text-only {font-size: 9px; height: 148px;padding:0 10px;max-width: 23%;}
    .services-logo {margin: 80px 0 0;}
    .services-inner {top: 223px;}
    .services-offered{font-size:20px;padding: 7px 15px;}    
    .logo-block {right: 60px;top: 200px;width: 35%;}
    .logo-text{font-size:13px;margin:15px 0 0;}
    .ds1 {top: 242px;left: 110px;}
    .ds2 {top: 1025px; left: 392px;}    
    .xrow-6 {top: 295px;}
    .xrow-8 {top: 407px;}
    .xrow-10 {top: 519px;}
    .xrow-12 {top: 631px;}
    .xrow-14 {top: 743px;}
    .xrow-16 {top: 855px;}
    .xrow-20 {top: 1076px;}
    .xrow-22 {top: 1188px;}
    .xrow-24 {top: 1300px;}
    .xrow-26 {top: 1412px;}
    .xrow-28 {top: 1524px;}    
    .col-2 {left: -2px;}    
    .tx1 {left: 14px;}
    .tx2 {left: 461px;}
    .tx3 {left: 278px;}    
    .mgnt{left: 45px;top: 980px;}
    .text-block-outer {top: 1750px;}
    .title-block{font-size:36px;padding:0 0 30px;}
    .text-block{font-size: 12px; min-height: 60px;}
    .single-1 {top: 1876px;}
    .single-2 {top: 1896px;}
    .single-3 {top: 1987px;}
    .single-4 {top: 2046px;}
    .single-5 {top: 2155px;}
    .single-6 {top: 2210px;}
    .single-7 {top: 2305px;}
    .title-block span:nth-child(2n) {top: -15px;}    
    .services-outer .col-3{left: 130px;}
    .services-outer .col-4{left: 196px;}
    .services-outer .col-5{left: 262px;}
    .services-outer .col-6{left: 328px;}
    .services-outer .col-7{left: 394px;}
    .services-outer .col-8{left: 460px;}
    .services-outer .col-9{left: 526px;}    
    .services-outer .cube {width: 64px; height: 74px;}
    .services-outer .e-col-3{left: 95px;} 
    .services-outer .e-col-6{left: 326px;} 
    .services-outer .e-col-9{left: 524px;}     
    .readmore{height: 3500px;overflow: hidden;}
    .readmore h2 {font-size: 48px; letter-spacing: 2px;}
    .wh-1 h2{font-size:60px; letter-spacing: 3px;}
    .tp-1 {top: 40px; left: 60px;}
    .rrow-4 {top: 146px;}
    .rrow-6 {top: 258px;}
    .rrow-8 {top: 370px;}
    .qp-1 {top: 525px;left: 98px;}
    .quot-text{font-size: 14px;}    
    .tp-2 {top: 540px; right: 30px;}
    .sm-text{font-size: 10px;}
    .cp-1 {left: 15px;}
    .xrow-17 {top: 890px;}
    .xrow-19 {top: 1003px;}
    .wh-3 {width: 38%;max-width: 320px;}
    .xrow-21 {top: 1116px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 36px; letter-spacing: 1px;}
    .tp-4 {top: 1235px; left: 45px;}
    .qp-2 {top: 1311px; right: 50px;}
    .xrow-25 {top: 1374px;}
    .xrow-27 {top: 1486px;}
    .cp-01{left: 10px;}
    .xrow-29 {top: 1598px;}
    .tp-6 {top: 1834px;}
    .xrow-35 {top: 1969px;}
    .xrow-37 {top: 2081px;}
    .xrow-39 {top: 2193px;}
    .cp-2 {left: 82px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 62px;}
    .size-lg-1{font-size:28px;}
    .qp-3 {top: 2164px; right: 30px;}
    .tp-9 {top: 2390px; left: 40px;}
    .xrow-44 {top: 2472px;}
    .cp-4 {left: 240px;}
    .xrow-46 {top: 2584px;}
    .cp-5 {left: 45px;}
    .xrow-48 {top: 2696px;}
    .xrow-50 {top: 2808px;}
    .tp-11 {top: 2915px;right: 40px;}
    .xrow-55 {top: 3050px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 3162px;}
    .cp-10{left: 12px;}
    .xrow-59 {top: 3274px;}
    .md-text-1{font-size: 18px;}
    .md-text-2{font-size:20px;}
    .e-col-10 {left: 559px;}
    .quot-text::before {left: -20px; top: -20px; font-size: 40px;}
    .readmore .e-col-3 {left: 97px;}
    .readmore .e-col-4 {left: 163px;}
    .readmore .e-col-5 {left: 229px;}
    .readmore .e-col-6 {left: 295px;}
    .readmore .e-col-7 {left: 361px;}
    .readmore .e-col-8 {left: 427px;}
    .readmore .e-col-9 {left: 495px;}
    .readmore .col-1 {left: -2px;}
    .readmore p{font-size: 13px;}
    .qwh-3 {width: 15%;}
    .wh-5{max-width: 170px;}
    .wh-8{max-width: 204px;}
    .wh-10{max-width: 164px;}
    .cp-6{left: 0;}
    .home-logo{padding:20px 0;}
    .home-logo img{max-width: 320px;}
    .tsub {font-size: 12px;padding:0 0 10px;}
    .ss-btn {font-size: 20px; padding: 6px 15px;}
    .near-box:after{border-width: 8px 8px 8px 0;bottom: 10px;}
    .near-box.rt:after{border-width: 8px 0 8px 8px;} 
    .social-media .row-8 {top: 531px;}
    .social-media .e-col-2{left: 79px;}
    .social-media .e-col-3{left: 161px;}
    .social-media .e-col-4{left: 243px;}
    .social-media .e-col-5{left: 325px;}
    .social-media .e-col-6{left: 407px;}
    .social-media .e-col-7{left: 489px;} 
    .fancybox-button{width:32px; height: 32px;}
    .near-box{width:10px; height: 20px; margin-top: 68px;margin-left: -7px;}
    .near-box.rt {margin-left: 3px;}
    .pbox {height: 98px;}
    .show .profile-box {width: 280px;min-height: 48px;}
    .p-left {font-size: 48px; width: 80px;}
    .p-right {width: calc(100% - 80px);font-size: 10px;}
    .profile-box.lt{left: 3px;}    
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .grid-left{width: 100%;position: relative;}
    .grid-right{width: 100%;height: auto;}
    .main-bg.active{position: relative;}
    .display-mob{display: block;}
    .slick-arrow{top: 68%;}
    .slick-arrow.slick-prev:before{border-width: 20px 20px 20px 0;left: 10vw;}
    .slick-arrow.slick-next:before{border-width: 20px 0 20px 20px;right: 10vw;}
    .slider-text{font-size: 24px;max-width: 80%;top: 65%;}
    .slider-text span{font-size:16px; margin-top: 20px;}
    .slider-image{height: auto;}
    .slider-image img{height:350px;}
    .logo {margin: 70px 0 20px; }
    .logo img{width:300px;}
    .home-btn{width:225px;position: absolute;right: 20px; bottom: 20px;}
    .top-logo{margin:45px 0 0;}
    .top-logo img{max-height: 100px;}
    .main-bg{background-size: 168.5px 143.5px;height:740px;min-height: calc(100vh - 350px);}
    #section4{height:720px;}
    .cube{width:80px; height: 92px;font-size:16px;}
    .pict img{width: 80px; height: 92px;}
    .row-2 {top: 46px;}
    .row-3 {top: 118px;}
    .row-4 {top: 190px;}
    .row-5 {top: 262px;}
    .row-6 {top: 334px;}
    .row-7 {top: 406px;}
    .row-8 {top: 478px;}
    .row-9 {top: 550px;} 
    .col-3{left: 82px;}
    .col-4{left: 166px;}
    .col-5{left: 250px;}
    .col-6{left: 334px;}
    .col-7{left: 418px;}
    .col-8{left: 502px;}
    .col-9{left: 586px;}    
    .e-col-3 {left: 40px;}
    .e-col-4 {left: 124px;}
    .e-col-5 {left: 208px;}
    .e-col-6 {left: 292px;}
    .e-col-7 {left: 376px;}
    .e-col-8 {left: 460px;}
    .e-col-9 {left: 544px;}    
    .team-text {font-size: 26px; margin: 50px 0 0;padding:0 7vw;}
    .links{font-size:20px; padding: 0 48px 0 44px; margin: 60px 0 0; }
    .coming{width:240px; font-size: 20px; margin:75px auto 0;}
    .map-outer {height: 300px;padding:15px;}
    .direction{font-size: 18px;left: 30px; top: 30px;}
    h3{font-size:24px;}
    h4{font-size:22px;}
    p{font-size:15px;}
    .address {margin: 30px 0 0;}
    .contact-list {margin: 50px 0 40px;}
    .social-media{width:40%;}
    .social-media ul li{font-size:48px;}
    .cube.bk.row-6 {margin-top: -42px;}
    .coming{width:310px; text-align: left;padding-right: 35px;padding-top: 40px;}
    h2{font-size:20px;}
    h5{font-size:12px;}
    h6{font-size:10px;}
    .project-description{font-size:11px;}
    .project-details{font-size: 9px;width: 40%;}
    .slick-dots li {margin: 0 6px; width: 12px; height: 12px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 10px; height: 10px;}
    .left-list{font-size: 10px;bottom: 15%;}
    .left-list ul{margin:10px 0 0;}    
    .highlight{font-size: 9px;}
    .title-text {width: 176px; margin-top: 72px;}
    .project-details:before{width: 1px;}
    .services-outer{background-size: 132px;height: 2940px;}
    .cube2x{width:130px; height: 148px; margin:3px;font-size:11px;}
    .text-only {font-size: 9px; height: 148px;padding:0 15px;max-width: 23%;}
    .services-logo {margin: 90px 0 0;}
    .services-inner {top: 335px;}
    .services-offered{font-size:20px;padding: 7px 15px;}    
    .logo-block {right: 60px;top: 200px;width: 35%;}
    .logo-text{font-size:13px;margin:15px 0 0;}
    .ds1 {top: 242px;left: 110px;}
    .ds2 {top: 1025px; left: 392px;}    
    .xrow-6 {top: 295px;}
    .xrow-8 {top: 407px;}
    .xrow-10 {top: 519px;}
    .xrow-12 {top: 631px;}
    .xrow-14 {top: 743px;}
    .xrow-16 {top: 855px;}
    .xrow-20 {top: 1076px;}
    .xrow-22 {top: 1188px;}
    .xrow-24 {top: 1300px;}
    .xrow-26 {top: 1412px;}
    .xrow-28 {top: 1524px;}    
    .col-2 {left: -2px;}    
    .tx1 {left: 14px;}
    .tx2 {left: 461px;}
    .tx3 {left: 278px;}    
    .mgnt{left: 45px;top: 980px;}
    .text-block-outer {top: 1750px;}
    .title-block{font-size:36px;padding:0 0 30px;}
    .text-block{font-size: 12px; min-height: 60px;}
    .single-1 {top: 1876px;}
    .single-2 {top: 1896px;}
    .single-3 {top: 1987px;}
    .single-4 {top: 2046px;}
    .single-5 {top: 2155px;}
    .single-6 {top: 2210px;}
    .single-7 {top: 2305px;}
    .title-block span:nth-child(2n) {top: -15px;}    
    .services-outer .col-3{left: 130px;}
    .services-outer .col-4{left: 196px;}
    .services-outer .col-5{left: 262px;}
    .services-outer .col-6{left: 328px;}
    .services-outer .col-7{left: 394px;}
    .services-outer .col-8{left: 460px;}
    .services-outer .col-9{left: 526px;}    
    .services-outer .cube {width: 64px; height: 74px;}
    .services-outer .e-col-3{left: 95px;} 
    .services-outer .e-col-6{left: 326px;} 
    .services-outer .e-col-9{left: 524px;} 
    .readmore{height: 3500px;overflow: hidden;}
    .readmore h2 {font-size: 48px; letter-spacing: 2px;}
    .wh-1 h2{font-size:60px; letter-spacing: 3px;}
    .tp-1 {top: 40px; left: 60px;}
    .rrow-4 {top: 146px;}
    .rrow-6 {top: 258px;}
    .rrow-8 {top: 370px;}
    .qp-1 {top: 520px;left: 98px;}
    .quot-text{font-size: 14px;}    
    .tp-2 {top: 540px; right: 30px;}
    .sm-text{font-size: 10px;}
    .cp-1 {left: 15px;}
    .xrow-17 {top: 890px;}
    .xrow-19 {top: 1003px;}
    .wh-3 {width: 38%;max-width: 320px;}
    .xrow-21 {top: 1116px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 36px; letter-spacing: 1px;}
    .tp-4 {top: 1235px; left: 45px;}
    .qp-2 {top: 1311px; right: 50px;}
    .xrow-25 {top: 1374px;}
    .xrow-27 {top: 1486px;}
    .cp-01{left: 10px;}
    .xrow-29 {top: 1598px;}
    .tp-6 {top: 1834px;}
    .xrow-35 {top: 1969px;}
    .xrow-37 {top: 2081px;}
    .xrow-39 {top: 2193px;}
    .cp-2 {left: 77px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 57px;}
    .size-lg-1{font-size:28px;}
    .qp-3 {top: 2164px; right: 30px;}
    .tp-9 {top: 2390px; left: 40px;}
    .xrow-44 {top: 2472px;}
    .cp-4 {left: 240px;}
    .xrow-46 {top: 2584px;}
    .cp-5 {left: 45px;}
    .xrow-48 {top: 2696px;}
    .xrow-50 {top: 2808px;}
    .tp-11 {top: 2915px;right: 40px;}
    .xrow-55 {top: 3050px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 3162px;}
    .cp-10{left: 12px;}
    .xrow-59 {top: 3274px;}
    .md-text-1{font-size: 18px;}
    .md-text-2{font-size:20px;}
    .e-col-10 {left: 559px;}
    .quot-text::before {left: -20px; top: -20px; font-size: 40px;}
    .readmore .e-col-3 {left: 97px;}
    .readmore .e-col-4 {left: 163px;}
    .readmore .e-col-5 {left: 229px;}
    .readmore .e-col-6 {left: 295px;}
    .readmore .e-col-7 {left: 361px;}
    .readmore .e-col-8 {left: 427px;}
    .readmore .e-col-9 {left: 495px;}
    .readmore .col-1 {left: -2px;}
    .readmore p{font-size: 13px;}
    .qwh-3 {width: 15%;}
    .wh-5{max-width: 170px;}
    .wh-8{max-width: 256px;}
    .wh-10{max-width: 164px;}
    .cp-6{left: 0;}
    .home-logo{padding:20px 0;max-width: 700px;}
    .home-logo img{max-width: 320px;}
    .tsub {font-size: 12px;padding:0 0 10px;}
    .ss-btn {font-size: 20px; padding: 6px 15px;}
    .near-box:after{border-width: 10px 10px 10px 0;bottom: 10px;}
    .near-box.rt:after{border-width: 10px 0 10px 10px;}
    .fancybox-button{width:32px; height: 32px;}
    .near-box{width:10px; height: 20px; margin-top: 65px;margin-left: -10px;}
    .near-box.rt {margin-left: 4px;}
    .pbox {height: 102px;}
    .show .profile-box {width: 280px;min-height: 48px;}
    .p-left {font-size: 48px; width: 80px;}
    .p-right {width: calc(100% - 80px);font-size: 10px;}
    .profile-box.lt{left: 3px;}
    .grid-left .slider-image img:nth-child(odd){display: none;}
    .grid-left .slider-image img:nth-child(even){display: block;} 
    .social-media .row-8 {top: 550px;}
    .social-media .e-col-4{left: 250px;}
    .social-media .e-col-5{left: 334px;}
    .social-media .e-col-6{left: 418px;}
    .social-media .e-col-7{left: 502px;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.grid-left{width: 100%;position: relative;}
    .grid-right{width: 100%;height: auto;}
    .main-bg.active{position: relative;}
    .display-mob{display: block;}
    .slick-arrow{top: 68%;}
    .slick-arrow.slick-prev:before{border-width: 20px 20px 20px 0;left: 5vw;}
    .slick-arrow.slick-next:before{border-width: 20px 0 20px 20px;right: 5vw;}
    .slider-text{font-size: 24px;max-width: 80%;top: 65%;}
    .slider-text span{font-size:16px; margin-top: 15px;}
    .slider-image{height: auto;}
    .slider-image img{height:350px;}
    .logo {margin: 60px 0 20px; }
    .logo img{width:300px;}
    .home-btn{width:190px;position: absolute;right: 20px; bottom: 20px;}
    .top-logo{margin:45px 0 0;}
    .top-logo img{max-height: 100px;}
    .main-bg{background-size: 168.5px 143.5px;height:740px;min-height: calc(100vh - 350px);}
    #section4{height:720px;}
    .cube{width:80px; height: 92px;font-size:16px;}
    .pict img{width: 80px; height: 92px;}
    .row-2 {top: 46px;}
    .row-3 {top: 118px;}
    .row-4 {top: 190px;}
    .row-5 {top: 262px;}
    .row-6 {top: 334px;}
    .row-7 {top: 406px;}
    .row-8 {top: 478px;}
    .row-9 {top: 550px;} 
    .col-3{left: 82px;}
    .col-4{left: 166px;}
    .col-5{left: 250px;}
    .col-6{left: 334px;}
    .col-7{left: 418px;}
    .col-8{left: 502px;}
    .col-9{left: 586px;}    
    .e-col-3 {left: 40px;}
    .e-col-4 {left: 124px;}
    .e-col-5 {left: 208px;}
    .e-col-6 {left: 292px;}
    .e-col-7 {left: 376px;}
    .e-col-8 {left: 460px;}
    .e-col-9 {left: 544px;}    
    .team-text {font-size: 18px; margin: 50px 0 0;padding:0 7vw;}
    .links{font-size:20px; padding: 0 48px 0 44px; margin: 60px 0 0; }
    .coming{width:240px; font-size: 20px; margin:75px auto 0;}
    .map-outer {height: 300px;padding:15px;}
    .direction{font-size: 18px;left: 30px; top: 30px;}
    h3{font-size:24px;}
    h4{font-size:18px;}
    p{font-size:15px;}
    .address {margin: 40px 0 0;}
    .contact-list {margin: 50px 0 40px;}
    .social-media{width:40%;}
    .social-media ul li{font-size:48px;}
    .cube.bk.row-6 {margin-top: -42px;}
    .coming{text-align: left;padding-right: 35px;padding-top: 40px;}
    h2{font-size:20px;}
    h5{font-size:12px;}
    h6{font-size:10px;}
    .project-description{font-size:11px;}
    .project-details{font-size: 9px; width: 40%;}
    .slick-dots li {margin: 0 6px; width: 12px; height: 12px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 10px; height: 10px;}
    .left-list{font-size: 10px;bottom: 15%;}
    .left-list ul{margin:10px 0 0;}    
    .highlight{font-size: 9px;}
    .title-text {width: 176px; margin-top: 72px;}
    .project-details:before{width: 1px;}    
    .services-outer{background-size: 132px;height: 2850px;}
    .cube2x{width:130px; height: 148px; margin:3px;font-size:11px;}
    .text-only {font-size: 9px; height: 148px;padding:0 15px;max-width: 23%;}
    .services-logo {margin: 75px 0 0;}
    .services-inner {top: 223px;}
    .services-offered{font-size:20px;padding: 7px 15px;}    
    .logo-block {right: 60px;top: 200px;width: 35%;}
    .logo-text{font-size:13px;margin:15px 0 0;}
    .ds1 {top: 242px;left: 110px;}
    .ds2 {top: 1025px; left: 392px;}    
    .xrow-6 {top: 295px;}
    .xrow-8 {top: 407px;}
    .xrow-10 {top: 519px;}
    .xrow-12 {top: 631px;}
    .xrow-14 {top: 743px;}
    .xrow-16 {top: 855px;}
    .xrow-20 {top: 1076px;}
    .xrow-22 {top: 1188px;}
    .xrow-24 {top: 1300px;}
    .xrow-26 {top: 1412px;}
    .xrow-28 {top: 1524px;}    
    .col-2 {left: -2px;}    
    .tx1 {left: 14px;}
    .tx2 {left: 461px;}
    .tx3 {left: 278px;}    
    .mgnt{left: 45px;top: 980px;}
    .text-block-outer {top: 1750px;}
    .title-block{font-size:36px;padding:0 0 30px;}
    .text-block{font-size: 12px; min-height: 60px;}
    .single-1 {top: 1876px;}
    .single-2 {top: 1896px;}
    .single-3 {top: 1987px;}
    .single-4 {top: 2046px;}
    .single-5 {top: 2155px;}
    .single-6 {top: 2210px;}
    .single-7 {top: 2305px;}
    .title-block span:nth-child(2n) {top: -15px;}    
    .services-outer .col-3{left: 130px;}
    .services-outer .col-4{left: 196px;}
    .services-outer .col-5{left: 262px;}
    .services-outer .col-6{left: 328px;}
    .services-outer .col-7{left: 394px;}
    .services-outer .col-8{left: 460px;}
    .services-outer .col-9{left: 526px;}    
    .services-outer .cube {width: 64px; height: 74px;}
    .services-outer .e-col-3{left: 95px;} 
    .services-outer .e-col-6{left: 326px;} 
    .services-outer .e-col-9{left: 524px;}     
    .readmore{height: 3500px;overflow: hidden;}
    .readmore h2 {font-size: 48px; letter-spacing: 2px;}
    .wh-1 h2{font-size:68px; letter-spacing: 3px;}
    .tp-1 {top: 40px; left: 60px;}
    .rrow-4 {top: 146px;}
    .rrow-6 {top: 258px;}
    .rrow-8 {top: 370px;}
    .qp-1 {top: 520px;left: 98px;}
    .quot-text{font-size: 14px;}    
    .tp-2 {top: 540px; right: 30px;}
    .sm-text{font-size: 10px;}
    .cp-1 {left: 15px;}
    .xrow-17 {top: 890px;}
    .xrow-19 {top: 1003px;}
    .wh-3 {width: 38%; max-width: 320px;}
    .xrow-21 {top: 1116px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 36px; letter-spacing: 1px;}
    .tp-4 {top: 1235px; left: 45px;}
    .qp-2 {top: 1311px; right: 50px;}
    .xrow-25 {top: 1374px;}
    .xrow-27 {top: 1486px;}
    .cp-01{left: 10px;}
    .xrow-29 {top: 1598px;}
    .tp-6 {top: 1834px;}
    .xrow-35 {top: 1969px;}
    .xrow-37 {top: 2081px;}
    .xrow-39 {top: 2193px;}
    .cp-2 {left: 77px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 57px;}
    .size-lg-1{font-size:28px;}
    .qp-3 {top: 2164px; right: 30px;}
    .tp-9 {top: 2390px; left: 40px;}
    .xrow-44 {top: 2472px;}
    .cp-4 {left: 240px;}
    .xrow-46 {top: 2584px;}
    .cp-5 {left: 45px;}
    .xrow-48 {top: 2696px;}
    .xrow-50 {top: 2808px;}
    .tp-11 {top: 2915px;right: 40px;}
    .xrow-55 {top: 3050px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 3162px;}
    .cp-10{left: 12px;}
    .xrow-59 {top: 3274px;}
    .md-text-1{font-size: 18px;}
    .md-text-2{font-size:20px;}
    .e-col-10 {left: 559px;}
    .quot-text::before {left: -20px; top: -20px; font-size: 40px;}
    .readmore .e-col-3 {left: 97px;}
    .readmore .e-col-4 {left: 163px;}
    .readmore .e-col-5 {left: 229px;}
    .readmore .e-col-6 {left: 295px;}
    .readmore .e-col-7 {left: 361px;}
    .readmore .e-col-8 {left: 427px;}
    .readmore .e-col-9 {left: 495px;}
    .readmore .col-1 {left: -2px;}
    .readmore p{font-size: 13px;}
    .qwh-3 {width: 15%;}
    .wh-5{max-width: 170px;}
    .wh-8{max-width: 205px;}
    .wh-10{max-width: 164px;}
    .cp-6{left: 0;}
    .home-logo{padding:20px 0;max-width: 700px;}
    .home-logo img{max-width: 320px;}
    .tsub {font-size: 12px;padding:0 0 10px;}
    .ss-btn {font-size: 20px; padding: 6px 15px;}
    .near-box:after{border-width: 10px 10px 10px 0;bottom: 10px;}
    .near-box.rt:after{border-width: 10px 0 10px 10px;}
    .fancybox-button{width:32px; height: 32px;}
    .near-box{width:10px; height: 20px; margin-top: 65px;margin-left: -10px;}
    .near-box.rt {margin-left: 4px;}
    .pbox {height: 102px;}
    .show .profile-box {width: 280px;min-height: 48px;}
    .p-left {font-size: 48px; width: 80px;}
    .p-right {width: calc(100% - 80px);font-size: 10px;}
    .profile-box.lt{left: 3px;}
    .grid-left .slider-image img:nth-child(odd){display: none;}
    .grid-left .slider-image img:nth-child(even){display: block;} 
    .social-media .row-8 {top: 550px;}
    .social-media .e-col-4{left: 250px;}
    .social-media .e-col-5{left: 334px;}
    .social-media .e-col-6{left: 418px;}
    .social-media .e-col-7{left: 502px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .grid-left{width: 100%;position: relative;}
    .grid-right{width: 100%;height: auto;}
    .main-bg.active{position: relative;}
    .display-mob{display: block;}
    .slick-arrow{top: 65%;}
    .slick-arrow.slick-prev:before{border-width: 20px 20px 20px 0;left: 5vw;}
    .slick-arrow.slick-next:before{border-width: 20px 0 20px 20px;right: 5vw;}
    .slider-text{font-size: 18px;max-width: 75%;top: 65%;}
    .slider-text span{font-size:12px; margin-top: 10px;}
    .slider-image{height: auto;}
    .slider-image img{height:240px;}
    .logo {margin: 30px 0 20px; }
    .logo img{width:200px;}
    .home-btn{width:145px;position: absolute;right: 15px; bottom: 15px;}
    .top-logo{margin:20px 0 0; padding:0 5vw;}
    .top-logo img{max-height: 70px;}
    .main-bg{background-size: 113.7px 95.2px;height:550px;min-height: calc(100vh - 290px);}
    #section4{height:500px;}
    .cube{width:54px; height: 60px;font-size:12px; letter-spacing: -.5px;}
    .pict img{width: 54px; height: 60px;}
    .row-2{top: 31px;}
    .row-3{top: 78px;}
    .row-4{top: 125px;}
    .row-5{top: 172px;}
    .row-6{top: 220px;}
    .row-7{top: 268px;}
    .row-8{top: 316px;}
    .row-9{top: 363px;} 
    .col-3{left: 110px;}
    .col-4{left: 167px;}
    .col-5{left: 224px;}
    .col-6{left: 281px;}
    .col-7{left: 338px;}
    .col-8{left: 395px;}
    .col-9{left: 452px;}    
    .e-col-3{left: 81px;}
    .e-col-4{left: 138px;}
    .e-col-5{left: 195px;}
    .e-col-6{left: 252px;}
    .e-col-7{left: 309px;}
    .e-col-8{left: 366px;}
    .e-col-9{left: 423px;}
    .team-text {font-size: 15px; margin: 35px 0 0;padding:0 7vw;}
    .links{font-size:14px; padding: 0 25px 0 29px; margin: 40px 0 0; }
    .coming{width:190px; font-size: 14px; margin:48px auto 0;}
    .map-outer {height: 200px;}
    .map-outer{padding:15px;}
    .map-outer img{width:1000px;}
    .direction{font-size: 12px;left: 30px; top: 30px;}
    h3{font-size:24px;}
    h4{font-size:14px;}
    p{font-size:11px;}
    .address {margin: 20px 0 0;}
    .contact-list {margin: 20px 0 0 -10px;padding: 0;display: -webkit-box;       
    display: -moz-box;          
    display: -ms-flexbox;        
    display: -webkit-flex;       
    display: flex;}
    .social-media{width: 270px;}
    .social-media ul li{font-size:26px;width:55px; height: 62px;}
    .contact-us{padding:0 0 20px;}
    .social-media{text-align: center;width:100%;max-width: 260px; margin: -12px auto 0;}
    .social-media .cube{position: relative; display: inline-block;}
    .social-media .row-8{top:0;}
    .social-media .e-col-4{left: inherit;}
    .social-media .e-col-5{left: inherit;}
    .social-media .e-col-6{left: inherit;}
    .social-media .e-col-7{left: inherit;}
    .social-media .e-col-8{left: inherit;}
    .social-media ul li{
        -moz-transform: scale(.9); 
        -webkit-transform: scale(.9); 
        -o-transform: scale(.9); 
        -ms-transform: scale(.9); 
        transform: scale(.9);
    }
    .cube.bk.row-6 {margin-top: -27px;}
    .coming{text-align: center;padding-top: 40px;padding-right:0;}
    h2{font-size:12px;}
    h5{font-size:7px;}
    h6{font-size:7px;}
    .project-description{font-size:7px;}
    .project-details{font-size: 6px; width:40%;}
    .slick-dots {display: none !important;}
    .slick-dots li {margin: 0 6px; width: 12px; height: 12px;}
    .grid-left .slick-dots li {margin: 0 5px; width: 10px; height: 10px;}
    .left-list{font-size: 7px;bottom: 15%;}
    .left-list ul{margin:5px 0 0;}
    /*.projects-outer{width: 100%; height: 60vw;}
    .projects-outer .slide-item img{height: 60vw;}*/
    .highlight{font-size: 7px;}
    .title-text {width: 150px; margin-top: 50px;}    
    .project-details:before{width: 1px;}
    .grid-left .slider-image img:nth-child(odd){display: none;}
    .grid-left .slider-image img:nth-child(even){display: block;}    
    .services-outer{background-size: 88px;height: 1800px;}
    .cube2x{width:87px; height: 99px; margin:3px;font-size:8px;}
    .text-only {font-size: 6px; height: 99px;padding:0 5px;max-width: 23%;}
    .services-logo {margin: 60px 0 0;}
    .services-inner {top: 223px;}
    .services-offered{font-size:12px;padding: 5px 10px;}    
    .logo-block {right: 33px;top: 130px;}
    .logo-text{font-size:9px;margin:10px 0 0;}
    .ds1 {top: 160px;left: 68px;}
    .ds2 {top: 682px; left: 260px;}    
    .xrow-6 {top: 196px;}
    .xrow-8 {top: 271px;}
    .xrow-10 {top: 346px;}
    .xrow-12 {top: 421px;}
    .xrow-14 {top: 496px;}
    .xrow-16 {top: 571px;}
    .xrow-20 {top: 715px;}
    .xrow-22 {top: 790px;}
    .xrow-24 {top: 865px;}
    .xrow-26 {top: 940px;}
    .xrow-28 {top: 1015px;}  
    .tx1 {left: 2px;}
    .tx2 {left: 308px;}
    .tx3 {left: 178px;}    
    .mgnt{left: 25px;top: 650px;width:30%;}
    .text-block-outer {top: 1145px;}
    .title-block{font-size:24px;padding:0 0 20px;}
    .text-block{font-size: 8px; min-height: 40px;}
    .single-1 {top: 1175px;}
    .single-2 {top: 1239px;}
    .single-3 {top: 1250px;}
    .single-4 {top: 1313px;}
    .single-5 {top: 1398px;}
    .single-6 {top: 1511px;}
    .single-7 {top: 1536px;}
    .title-block span:nth-child(2n) {top: -10px;}
    .col-2 {left: 54px;}
    .services-outer .col-3 {left: 86px; max-width: 90px;}
    .services-outer .col-4{left: 130px;}
    .services-outer .col-5{left: 174px;}
    .services-outer .col-6{left: 218px;}
    .services-outer .col-7{left: 262px;}
    .services-outer .col-8{left: 306px;}
    .services-outer .col-9{left: 350px;} 
    .services-outer .cube {width: 42px;height: 49px;}
    .services-outer .e-col-3{left: 84px;} 
    .services-outer .e-col-6{left: 238px;} 
    .services-outer .e-col-9{left: 392px;}     
    .readmore{height: 2300px;overflow: hidden;}
    .readmore h2 {font-size: 32px; letter-spacing: 1px;}
    .wh-1 h2{font-size:44px; letter-spacing: 1px;}
    .tp-1 {top: 25px; left: 35px;}
    .rrow-4 {top: 98px;}
    .rrow-6 {top: 173px;}
    .rrow-8 {top: 248px;}
    .qp-1 {top: 350px;left: 66px;}
    .quot-text{font-size: 9px;}    
    .tp-2 {top: 375px; right: 20px;}
    .sm-text{font-size: 6px;}
    .cp-1 {left: 10px;max-width: 124px;}
    .xrow-17 {top: 593px;}
    .xrow-19 {top: 668px;}
    .wh-3 {width: 33%;}
    .xrow-21 {top: 743px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 26px; letter-spacing: 0px;}
    .tp-4 {top: 828px; left: 32px;}
    .qp-2 {top: 865px; right: 30px;}
    .xrow-25 {top: 915px;}
    .xrow-27 {top: 990px;}
    .cp-01{left: 10px;}
    .xrow-29 {top: 1065px;}
    .tp-6 {top: 1220px;}
    .xrow-35 {top: 1312px;max-width: 126px;}
    .xrow-37 {top: 1387px;}
    .xrow-39 {top: 1462px;}
    .cp-2 {left: 52px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 39px;max-width: 140px;}
    .size-lg-1{font-size:20px;}
    .qp-3 {top: 1490px; right: 15px;}
    .tp-9 {top: 1592px; left: 30px;}
    .xrow-44 {top: 1648px;}
    .cp-4 {left: 160px;}
    .xrow-46 {top: 1723px;}
    .cp-5 {left: 30px;max-width: 127px;}
    .xrow-48 {top: 1798px;}
    .xrow-50 {top: 1874px;}
    .tp-11 {top: 1945px;right: 30px;}
    .xrow-55 {top: 2032px;}
    .col-1{left: -3px;}
    .xrow-57 {top: 2107px;}
    .cp-10{left: 14px;max-width: 120px;}
    .xrow-59 {top: 2182px;}
    .md-text-1{font-size: 11px;}
    .md-text-2{font-size:12px;}
    .e-col-10 {left: 372px;}
    .quot-text::before {left: -20px; top: -20px; font-size: 40px;}
    .readmore .e-col-3 {left: 65px;}
    .readmore .e-col-4 {left: 108px;}
    .readmore .e-col-5 {left: 152px;}
    .readmore .e-col-6 {left: 196px;}
    .readmore .e-col-7 {left: 240px;}
    .readmore .e-col-8 {left: 284px;}
    .readmore .e-col-9 {left: 328px;}
    .readmore p{font-size: 8px;}
    .qwh-3 {width: 15%;}
    .wh-1 {width: 40%;}
    .cp-6 {left: 0px;max-width: 113px;}
    .home-logo{padding:15px 0;max-width: 480px;padding-left: 120px;}
    .home-logo img{max-width: 230px;}
    .tsub {font-size: 10px;padding:0 0 5px;}
    .ss-btn {font-size: 14px; padding: 5px 10px;}
    .near-box:after{border-width: 6px 6px 6px 0;bottom: 6px;}
    .near-box.rt:after{border-width: 6px 0 6px 6px;}
    .fancybox-button{width:32px; height: 32px;}
    .near-box{width:6px; height: 12px; margin-top: 45px;margin-left: -4px;}
    .near-box.rt {margin-left: 3px;}
    .pbox {height: 70px;}
    .show .profile-box {width: 190px;min-height: 48px;}
    .p-left {font-size: 32px; width: 60px;}
    .p-right {width: calc(100% - 60px);font-size: 8px;}
    .profile-box.lt{left: 3px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.home-btn{width:105px;}
    .top-logo{margin:10px 0 0; padding:0 5vw;}
    .main-bg{background-size: 99.7px 83.8px;}
    .cube{width:48px; height: 54px;font-size:10px;letter-spacing: -.5px;}
    .pict img{width: 48px; height: 54px;}
    .row-2{top: 25px;}
    .row-3{top: 67px;}
    .row-4{top: 109px;}
    .row-5{top: 151px;}
    .row-6{top: 193px;}
    .row-7{top: 235px;}
    .row-8{top: 277px;}
    .row-9{top: 319px;} 
    .col-3{left: 46px;}
    .col-4{left: 96px;}
    .col-5{left: 146px;}
    .col-6{left: 196px;}
    .col-7{left: 246px;}
    .col-8{left: 296px;}
    .col-9{left: 346px;}    
    .e-col-3{left: 21px;}
    .e-col-4{left: 71px;}
    .e-col-5{left: 121px;}
    .e-col-6{left: 171px;}
    .e-col-7{left: 221px;}
    .e-col-8{left: 271px;}
    .e-col-9{left: 321px;}
    .team-text {font-size: 14px;}
    .links{font-size:12px; padding: 0px 10px 0 25px; margin: 35px 0 0;}
    .links ul{width: 100%; text-align: center;}  
    .links ul li{min-width: inherit; padding-right:12px;}  
    .coming{width:170px; font-size: 12px; margin:35px auto 0;}
    h3{font-size:20px;}
    h4{font-size:11px;}
    p{font-size:9px;}
    .main-bg{height:400px;}
    #section4{height:465px;}
    .slider-text {font-size: 16px; max-width: 70%;top: 60%;}
    .slider-text span{font-size:11px;}
    .cube.bk.row-6 {margin-top: -24px;}
    h2{font-size:8px;}
    h5{font-size:6px;}
    h6{font-size:6px;}
    .project-description{font-size:5px;}
    .project-details{font-size: 5px; width:45%;}
    .slick-dots {display: none;}
    .left-list{font-size: 6px;bottom: 20%;}
    .left-list ul{margin:5px 0 0;}     
    .highlight{font-size: 6px;}
    .title-text {width: 108px; margin-top: 46px;}
    /*service--*/
    .services-outer{background-size: 56.4px;height: 1220px;}
    .cube2x{width:55.5px; height: 64px; margin:3px;font-size:5px;}
    .text-only {font-size: 4px; height: 64px;padding:0 5px;width:30%;max-width: 23%;}
    .services-logo {margin: 35px 0 0;}
    .services-inner {top: 142px;}
    .services-offered{font-size:8px;padding: 5px 10px;}    
    .logo-block {right: 20px;top: 85px;}
    .logo-text{font-size:6px;margin:5px 0 0;}
    .ds1 {top: 102px;left: 45px;}
    .ds2 {top: 433px; left: 165px;}    
    .xrow-6 {top: 126px;}
    .xrow-8 {top: 174px;}
    .xrow-10 {top: 222px;}
    .xrow-12 {top: 270px;}
    .xrow-14 {top: 318px;}
    .xrow-16 {top: 366px;}
    .xrow-20 {top: 458px;}
    .xrow-22 {top: 506px;}
    .xrow-24 {top: 554px;}
    .xrow-26 {top: 602px;}
    .xrow-28 {top: 650px;}  
    .tx1 {left: 0px;}
    .tx2 {left: 197px;}
    .tx3 {left: 113px;}    
    .mgnt{left: 15px;top: 420px;width: 30%;}
    .text-block-outer {top: 745px;}
    .title-block{font-size:16px;padding:0 0 20px;}
    .text-block{font-size: 6px; min-height: 30px;}
    .single-1 {top: 799px;}
    .single-2 {top: 840px;}
    .single-3 {top: 846px;}
    .single-4 {top: 887px;}
    .single-5 {top: 941px;}
    .single-6 {top: 966px;}
    .single-7 {top: 1031px;}
    .title-block span:nth-child(2n) {top: -10px;}
    .col-2 {left: -4px;}
    .services-outer .col-3 {left: 55px;}
    .services-outer .col-4{left: 83px;}
    .services-outer .col-5{left: 111px;}
    .services-outer .col-6{left: 139px;}
    .services-outer .col-7{left: 167px;}
    .services-outer .col-8{left: 195px;}
    .services-outer .col-9{left: 223px;} 
    .services-outer .cube {width: 27px;height: 32px;}
    .services-outer .e-col-3{left: 80px;} 
    .services-outer .e-col-6{left: 123px;} 
    .services-outer .e-col-9{left: 221px;} 
    /*readmore--*/
    .readmore{height: 1500px;overflow: hidden;}
    .readmore h2 {font-size: 21px; letter-spacing: 1px;}
    .wh-1 h2{font-size:30px; letter-spacing: 1px;}
    .tp-1 {top: 15px; left: 20px;}
    .rrow-4 {top: 61px;}
    .rrow-6 {top: 110px;}
    .rrow-8 {top: 158px;}
    .qp-1 {top: 212px;left: 43px;}
    .quot-text{font-size: 6px;}    
    .tp-2 {top: 240px; right: 20px;}
    .sm-text{font-size: 5px;line-height:1.1;}
    .cp-1 {left: 5px;}
    .xrow-17 {top: 378px;}
    .xrow-19 {top: 426px;}
    .readmore .text-only{width: 27%;max-width: 83px;}
    .text-only.wh-3 {width: 40%;max-width: 110px;}
    .xrow-21 {top: 474px;}
    .tp-4 h2, .tp-6 h2, .tp-11 h2 {font-size: 18px; letter-spacing: 0px;}
    .tp-4 {top: 528px; left: 10px;}
    .qp-2 {top: 565px; right: 30px;}
    .xrow-25 {top: 585px;}
    .xrow-27 {top: 633px;}
    .cp-01{left: 10px;}
    .xrow-29 {top: 681px;}
    .tp-6 {top: 780px;right: 20px;}
    .xrow-35 {top: 840px;}
    .xrow-37 {top: 889px;}
    .xrow-39 {top: 938px;}
    .cp-2 {left: 35px;}
    .wh-8 {width: 30%;}
    .cp-3 {left: 34px;}
    .size-lg-1{font-size:12px;}
    .qp-3 {top: 960px; right: 10px;}
    .tp-9 {top: 1030px; left: 20px;}
    .xrow-44 {top: 1078px;}
    .cp-4 {left: 90px;}
    .xrow-46 {top: 1127px;}
    .cp-5 {left: 5px;}
    .xrow-48 {top: 1175px;}
    .xrow-50 {top: 1224px;}
    .tp-11 {top: 1270px;right: 20px;}
    .xrow-55 {top: 1300px;}
    .col-1{left: -1px;}
    .xrow-57 {top: 1349px;}
    .cp-10{left: 5px;}
    .xrow-59 {top: 1398px;}
    .md-text-1{font-size: 7px;}
    .md-text-2{font-size:8px;}
    .e-col-10 {left: 223px;}
    .quot-text::before {left: -10px; top: -10px; font-size: 20px;}
    .readmore .e-col-3 {left: 27px;}
    .readmore .e-col-4 {left: 55px;}
    .readmore .e-col-5 {left: 83px;}
    .readmore .e-col-6 {left: 111px;}
    .readmore .e-col-7 {left: 139px;}
    .readmore .e-col-8 {left: 167px;}
    .readmore .e-col-9 {left: 195px;}
    .readmore p{font-size: 5px;}    
    .readmore .text-only br{display: none;}
    .qwh-3 {width: 15%;}
    .wh-1 {width: 40%;}
    .cp-6 {left: 0; }
    .readmore .text-only.cp-6 {width: 20%;max-width: 60px;}
    .readmore .cp-02{left: 55px; width:20%;max-width: 60px;}
    .home-logo{padding:15px 0;max-width: 320px;padding-left: 80px;}
    .home-logo img{max-width: 200px;}
    .tsub {font-size: 7px;padding:0 0 4px;}
    .ss-btn {font-size: 12px; padding: 4px 10px;}
    .near-box:after{border-width: 4px 4px 4px 0;bottom: 5px;}
    .near-box.rt:after{border-width: 4px 0 4px 4px;}
    .near-box{width:4px; height: 8px; margin-top: 30px;margin-left: -2px;}
    .near-box.rt {margin-left: 4px;}
    .pbox {height: 64px;}
    .show .profile-box {width: 120px;margin-top: 0; height: auto;min-height: 60px;display: block;padding:3px;}
    .p-left {font-size: 16px; width: auto;text-align: left;}
    .p-right {width: auto;font-size: 8px;}
    .profile-box.lt{left: 3px;}
    .team-text {font-size: 13px; margin: 20px 0 0;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .container {
        display: none !important;
    }
    .browser{                 
        display: -ms-flexbox;        
        display: flex;
    }
}