/* =============================================================================
  	
    Team Data Sukan
    Editor: Shay Rahman
    
   ========================================================================== */ 

@media only screen and (min-width: 1120px) { 
	
  /*-- Banner resize --- */
  .pic-one { left: 140% !important;}
  .pic-two { left: 180% !important;}

  .pic-two-one { left: 200% !important;}
  .pic-two-two { left: 140% !important;}
  
	
} 

@media only screen and (max-width: 900px) {  

   

}


@media only screen and (max-width: 767px) {
	
	
}

@media screen and (min-width: 768px){
    body{
      margin: calc(var(--header-height) + 20px) 0 0 0;
      padding-left: calc(var(--nav-width) + 20px);
    }
  
    .header{
      height: calc(var(--header-height) + 1rem);
      padding: 0 2rem 0 calc(var(--nav-width) + 20px);
    }
  
    .header-img{
      width: 40px;
      height: 40px;
    }
  
    .header-img img{ width: 45px; }

    .wrp-bg-info-contact {  padding: 100px 60px;   }
  
    .l-navbar{ left: 0; padding: 1rem 1rem 0 0; }
    
    /*Show navbar desktop*/
    .show2 { width: calc(var(--nav-width) + 156px); }
  
    /*Add padding body desktop
    .body-pd{
      padding-left: calc(var(--nav-width) + 188px);
    }*/

    /*-- Banner resize --- */
    .pic-one { left: 82%;}
    .pic-two { left: 130%;}

    .pic-two-one { left: 120%;}
    .pic-two-two { left: 70%;}

    .text-banner-wrap2 h1 { font-size: 20px; line-height: 23px;}

    .list-address-fix { padding: 10px 0; }
    .list-address-fix a { color: var(--first-color);}
    .list-address-fix p { font-size: 10px;}

    .wrp-data-man ul li { font-size: 16px;}
    .text-banner-wrap5 { width: 80%;}

 }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  .wrp-bg-company2      { background: url(../img/bg-ds/comp-bg-mobile.jpg) top center no-repeat;  }
  .wrp-bg-clients       { background: url(../img/bg-ds/clients-bg-mobile.jpg) top center no-repeat; padding-top: 200px !important;  }
  .wrp-bg-solutions4    { background: url(../img/bg_event_man1.jpg) top right no-repeat; }
  .wrp-bg-solutions5    { background: url(../img/bg_sports-nb-mobile.jpg) top right no-repeat; }

  .wrp-bg-info-contact {  padding: 50px 20px; background:none;  background-color: var(--yellow-color);  }

  .bg-about-wrp-animation { width: 400px; }
  .wrp-vision-pdd { padding: 50px 0;}

  .wrp-animate-dt-man { padding-top: 0px;}
  .wrp-animate-sol-aa { margin-top: 0px;}
  .wrp-animate-sol-ad { margin-top: 0px;}

  .wrp-title-03 { padding: 50px 0 250px; }

  .tFont-Title-strd { font-size: 30px;}
  .tFont-Title-strd2 { font-size: 40px; font-weight: 500; line-height: 40px;}

  /*-- Banner Slider --- */
  .wrp-slider-banner { top: 4%; margin-left: 0; /*--width: 100%;--*/ }
  .wrp-slider-banner h2 { font-size: 23px; }

  .wrp-text-banner2 { margin-left:0; margin-top: 260px; width: 100%;}
  .wrp-text-banner3, .wrp-text-banner4 { margin-left:0; width: 100%;}

  .no-text-list-banner3 { font-size: 30px; width: 50px; padding-top: 40px !important;}
  .no-text-list-banner4 { width: 50px; }
  
  .box-num-sol {  
    display: block; height: 40px; width: 40px; 
    padding: 8px 0px; margin: 0 auto;
    font-size: 16px; font-weight: 600;
    background-color: var(--yellow-color-two); border-radius: 20px; 
  }

  .wrp-bg-latest-white-news2 { padding: 50px 20px !important;}
  .wrp-bg-latest-white-news2 h2 { font-size: 20px; font-weight: 500;}

  .wrp-data-man ul li { font-size: var(--dsc-font-14);}

  /*-- Text Banner --- */
  .wrp-text-banner { display: block; width: 100%; padding: 10px; margin: 0 !important; }

  .text-banner-wrap2 h1 {line-height: 22px; font-size: 18px;}

  .text-banner-wrap5 { width: 100%; padding: 0 30px;}
  .text-banner-wrap5 h1 { font-size: 18px; line-height: 22px;}

  .tNorm-Sub-1 {  font-size: 16px; line-height: 20px;}

  .text-banner-slider-wrap { display: block; float: left;}
  .text-banner-slider-wrap h1 {
    font-family: var(--body-font);
    line-height: 24px; color: #6F6F6F; font-size: 18px;
  }

  .text-banner-slider-wrap h3 {
    color: #ffffff; font-size: 14px;
    font-weight: 700;
  }

  .no-text-list-banner { 
    display: block; height: 100px; width: 80px; color: #ffffff;
    font-size: 46px; font-family: var(--body-font); text-align: center;
    float: left; font-weight: 300;
  }

  .pic-one { left: 0%; width: 350px; top: 50px;}
  .pic-two { left: 50%; top: 20px; width: 60px;} 
  .pic-two-one { left: 50%;}
  .pic-two-two { left: -30%;}

  .wrp-bg-clients { padding: 100px 0 0 0;}

  .get-in-touch { width: 100%; margin-left: 0; }

  .wrp-list-top-pdd { padding-top: 160px;}

  .vidWrp { display: none;}

  /*-- Show navbar desktop 
  .show{ padding: 0 20px;}--*/
  .show2 { width: 220px;}

  .wrp-title-sub { padding-top: 0px;}

  .wrp-box-wide { padding: 20px 0;}
  .wrp-box-wide h4 { font-size: 20px; font-weight: 400; line-height: 20px;}

  .wrp-box-wide span { padding: 12px 0 0 0;}

   /*-- Our Solutions ---*/
  .wrp-animate-sol-aa { padding-top: 0;}
  .wrp-animate-sol-em { margin-top: 10px;}

  .wrp-sol-pdd1 { padding: 500px 0 100px 0;}
  .bg-about-wrp-sol-animation img { top: 21%;}

  .wrp-animate-line1 { transform: rotate(0deg);} 

  #Layer-Solutions-Wrap { width: 100% !important;}

 .wrp-animate-line1:before { display: none;}

 .no-text-list-banner2 { height: 200px;}

  
}