@charset "utf-8"; 
/* CSS Document */

/****--------------------------****/
/****      D E S K T O P E     ****/
/****      M I N - 1 3 6 7     ****/ 
/****--------------------------****/
/*@media only screen   */
   html {
      overflow-y: scroll;
   }
   
   .home-contact {
      position:absolute; 
      top:1430px; 
      left:1200px;
   }
 
   .contactus_pos {
      position:absolute; 
      top:730px; 
      left:530px;
   }

     
   .dk-left {
      width: 452px;
      float: left;
      margin-top: 100px;
      position: absolute;          
   }
        
   h1 {
      font-size: 26px;
      font-weight: 400;
      color: #0053a1;
      margin-bottom: 20px;
      font-family: 'Bitter', serif;
      text-align:left;
   }
        
   p {
      margin: 0px;
      padding: 0 0 20px 0;
      line-height: 24px;
      text-align:left;
   }
        
   .dk-right {
      float:right;
   }
     
   .wrapper {
      width: 1100px;
      margin: 0 auto;
   }
         
   .wrapper2 {
      width: 1000px;
      margin: 0 auto;
   } 
        
   .aboutus {
      height:600px;         
   }
   
   .itsupport {
      height:600px;         
   }   

   .itdatabase {
      height:600px;         
   }

   .benefits {
      height:700px;         
   }
   
   .contactus {
      left:400px;
      height:680px;
   }

   .contactus-right {
      left:400px;
      height:680px;
      margin-left:auto;
      margin-right:auto;
   }
   
   .contactus2 {
      left:400px;
      height:680px;
   }
      
   .name-label {
      left:405px;
      font-size:19px;
      top:210px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;
   } 
     
   .name-input {
      left:580px;
      top:210px;
      font-size:19px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;
   }
   
   .email-label {
      left:405px;
      font-size:19px;
      top:260px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .email-input {
      left:580px;
      top:260px;
      font-size:19px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;     
   }
   
   .mobile-label {
      left:405px;
      font-size:19px;
      top:310px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .mobile-input {
      left:580px;
      top:310px;
      font-size:19px;
      width:150px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .state-label {
      left:405px;
      font-size:19px;
      top:360px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .state-input {
      left:580px;
      top:360px;
      font-size:19px;
      width:80px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;      
   }

   .enquiry-label {
      left:405px;
      font-size:19px;
      top:410px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   }       
    
     
   .enquiry-input {
      left:580px;
      top:410px;
      font-size:19px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .message2-label {
      left:405px;
      font-size:19px;
      top:460px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .message2-input {
      left:580px !important;
      top:460px !important;
      font-size:19px !important;
      position:absolute;
      width:330px; 
   }
   
   .submit-button {
      position:absolute; 
      top:680px; 
      left:430px; 
      width:80px; 
      height:35px;
   }
         
   .left-side {
      float: left;
      margin-right: 10px;
      width: 15%;
   }

   .right-side {
      width:312px;
      float:right;
   }
   
   
   
 
/****--------------------------****/
/****      L A P T O P S       ****/
/****      M I N - 1 3 6 7     ****/ 
/****--------------------------****/
@media only screen 
  and (min-width: 991px)
  and (max-width: 1600px) { 
  
     
  .home-contact {
      position:absolute; 
      top:1430px; 
      left:870px;
   }
      
    .contactus {
      left:400px;
      height:680px;
   }

   .contactus_pos {
      position:absolute; 
      top:730px; 
      left:310px;
   }
   
   .contactus-right {
      left:430px;
      height:680px;
      margin-left:auto;
      margin-right:auto;
   }
   
   .contactus2 {
      left:400px;
      height:680px;
   }
      
   .name-label {
      left:125px;
      font-size:19px;
      top:210px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;
   } 
     
   .name-input {
      left:300px;
      top:210px;
      font-size:19px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;
   }
   
   .email-label {
      left:125px;
      font-size:19px;
      top:260px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .email-input {
      left:300px;
      top:260px;
      font-size:19px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;     
   }
   
   .mobile-label {
      left:125px;
      font-size:19px;
      top:310px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .mobile-input {
      left:300px;
      top:310px;
      font-size:19px;
      width:150px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .state-label {
      left:125px;
      font-size:19px;
      top:360px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .state-input {
      left:300px;
      top:360px;
      font-size:19px;
      width:80px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;      
   }

   .enquiry-label {
      left:125px;
      font-size:19px;
      top:410px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   }       
    
     
   .enquiry-input {
      left:300px;
      top:410px;
      font-size:19px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .message2-label {
      left:125px;
      font-size:19px;
      top:460px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .message2-input {
      left:300px !important;
      top:460px !important;
      font-size:19px !important;
      position:absolute;
      width:330px; 
   }
   
   .submit-button {
      position:absolute; 
      top:680px; 
      left:430px; 
      width:80px; 
      height:35px;
   }
         
   .left-side {
      float: left;
      margin-right: 10px;
      width: 15%;
   }

   .right-side {
      width:312px;
      float:right;
      height:1000px;
   }
  
}   


/****--------------------------****/
/****       M O B I L E        ****/
/****      M I N - 4 8 0       ****/ 
/****--------------------------****/
@media only screen 
   and (max-width: 480px) { 
 
   .home-contact {
      position:absolute; 
      top:2740px; 
      left:40px;
   }    
 
    .contactus_pos {
      position:absolute; 
      top:800px; 
      left:50px;
   }
        
   .top-right {
      float: none;
      width: 320px;
      margin: 0 auto;
      height:100px !important;
   }
     
   .header {
      height:170px !important;
   }    
      
   .carousel-item {
      width:320px !important;
   }

   .dk-left {
      width: 340px;
      float: left;
      margin-top: 10px;
      position: absolute;          
   }
        
   h1 {
      font-size: 18px !important;
      font-weight: 400;
      color: #0053a1;
      margin-top: 10px !important;
      margin-bottom: 5px !important;
      font-family: 'Bitter', serif;
      text-align:left;
      line-height:20px !important;
   }
        
   p {
      margin: 0px;
      padding: 0 0 5px 0;
      line-height: 16px;
      font-size: 16px !important;
      text-align:left;
      font-weight:bold !important;
   }
        
   .dk-right {
      float:right;
   }
     
   .wrapper {
      width: 340px;
      height:250px;
      margin: 0;
      padding: 0px;
   } 
         
   .wrapper2 {
      width: 340px;
      height:250px;
      margin: 0;
      padding: 0px;
   }  
        
   .aboutus {
      height:850px;         
   }      

   .itsupport {
      height:1250px;         
   } 
   
   .itdatabase {
      height:670px;         
   }
    
   .benefits {
      height:1200px;         
   }
   
   .contactus {
      left:0px;
      top:230px;
      height:800px;
   } 
   
   .contactus-right {
      left:0px;
      top:230px;
      height:700px !important;
   }
    .contactus2 {
      left:0px;
      height:1400px;
   }
     
   .contact-label {
      left:5px;
      font-size:12px;
   } 
     
   .contact-input {
      left:60px;
   }
   
   .right-side {
      width:395px;
      float:right;
      padding-left:50px;
   } 
   
   
    .name-label {
      left:20px;
      top:280px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;
   } 
     
   .name-input {
      left:180px;
      top:280px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;
      border: 1px solid grey; 
   }
   
   .email-label {
      left:20px;
      top:330px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .email-input {
      left:180px;
      top:330px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px; 
      border: 1px solid grey;     
   }
   
   .mobile-label {
      left:20px;
      top:380px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .mobile-input {
      left:180px;
      top:380px;
      width:150px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;
      border: 1px solid grey;        
   }

   .state-label {
      left:20px;
      top:430px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .state-input {
      left:180px;
      top:430px;
      width:80px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;      
   }

   .enquiry-label {
      left:20px;
      top:480px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   }       
    
     
   .enquiry-input {
      left:180px;
      top:480px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .message2-label {
      left:20px;
      top:530px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .message2-input {
      left:180px !important;
      top:530px !important;
      position:absolute;
      width:200px; 
   }
   
   .submit-button {
      position:absolute; 
      top:750px; 
      left:50px; 
      width:80px; 
      height:35px;
   }

   .contactus {
       height:680px;
   } 
 
   .contactus-right {
      left:360px;
      height:500px;
      margin-left:auto;
      margin-right:auto;
   }   
      
   .moduletable_left {  
       padding-left:50px;      
   }    

   .moduletable_right {  
       padding-left:30px;      
   }     
}
  

/****--------------------------****/
/****      D E S K T O P E     ****/
/****      M A X  - 7 6 8      ****/ 
/****--------------------------****/
@media only screen and (max-width: 768px) {

  

}


         

/*  MEDIA SETTINGS   iPad */   

/****------------------------------------****/
/****   i P A D   L A N D S C A P E      ****/
/****      M I N - 1 3 6 7               ****/ 
/****------------------------------------****/ 
 @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation:landscape) {

    .home-contact {
      position:absolute; 
      top:1420px; 
      left:750px;
   }   
 
   .contactus_pos {
      position:absolute; 
      top:730px; 
      left:70px;
   }
         
    .wrapper {
       width: 1024px;
       margin: 0;
       padding-left:40px;
       padding-right:40px;
    } 
 
    .wrapper2 {
      width: 1024px;
      margin: 0 auto;
      padding-left:20px;
      padding-right:20px
   } 

    .name-label {
      left:20px;
      top:210px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;
   } 
     
   .name-input {
      left:180px;
      top:210px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;
   }
   
   .email-label {
      left:20px;
      top:260px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .email-input {
      left:180px;
      top:260px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;     
   }
   
   .mobile-label {
      left:20px;
      top:310px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .mobile-input {
      left:180px;
      top:310px;
      width:150px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .state-label {
      left:20px;
      top:360px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .state-input {
      left:180px;
      top:360px;
      width:80px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;      
   }

   .enquiry-label {
      left:20px;
      top:410px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   }       
    
     
   .enquiry-input {
      left:180px;
      top:410px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .message2-label {
      left:20px;
      top:460px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .message2-input {
      left:180px !important;
      top:460px !important;
      position:absolute;
      width:250px; 
   }
   
   .submit-button {
      position:absolute; 
      top:680px; 
      left:30px; 
      width:80px; 
      height:35px;
   }
 
   .contactus-right {
      left:430px;
      height:680px;
      margin-left:auto;
      margin-right:auto;
   }   
      
   .moduletable_left {  
       padding-left:0px;  
   } 

   .moduletable_right {  
       padding-left:30px;  
   }  
       
 }

/****------------------------------------****/
/****     i P A D   P O R T R A I T      ****/
/****          M I N - 1 3 6 7           ****/ 
/****------------------------------------****/ 

@media only screen
   and (min-device-width : 768px)
   and (max-device-width : 1024px)
   and (orientation:portrait) { 

   /* iPad portrait style here */
   
   .home-contact {
      position:absolute; 
      top:2170px; 
      left:480px;
   }  

   .contactus_pos {
      position:absolute; 
      top:730px; 
      left:50px;
   }
   
   .wrapper2 {
      width: 768px;
      margin: 0 auto;
      padding-left:20px;
      padding-right:20px
   } 
   
   .wrapper {
       width: 768px;
       margin: 0;
       padding-left:40px;
       padding-right:40px;
   }
  

    .name-label {
      left:20px;
      top:210px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;
   } 
     
   .name-input {
      left:180px;
      top:210px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;
   }
   
   .email-label {
      left:20px;
      top:260px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .email-input {
      left:180px;
      top:260px;
      width:230px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;     
   }
   
   .mobile-label {
      left:20px;
      top:310px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .mobile-input {
      left:180px;
      top:310px;
      width:150px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .state-label {
      left:20px;
      top:360px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   } 
     
   .state-input {
      left:180px;
      top:360px;
      width:80px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;      
   }

   .enquiry-label {
      left:20px;
      top:410px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px;      
   }       
    
     
   .enquiry-input {
      left:180px;
      top:410px;
      width:200px;
      position:absolute;  
      height:25px; 
      text-align:left; 
      padding-left:5px;       
   }

   .message2-label {
      left:20px;
      top:460px;
      display: block; 
      position:absolute; 
      font-weight:bold;  
      height:25px; 
      padding-top:5px; 
   } 
     
   .message2-input {
      left:180px !important;
      top:460px !important;
      position:absolute;
      width:250px; 
   }
   
   .submit-button {
      position:absolute; 
      top:680px; 
      left:30px; 
      width:80px; 
      height:35px;
   }
 
   .contactus-right {
      left:430px;
      height:680px;
      margin-left:auto;
      margin-right:auto;
   }   
      
   .moduletable_left {  
       padding-left:0px;     
   } 

   .moduletable_right {  
       padding-left:50px;     
   }   
}