/* Laptop */

@media only screen  and (max-height: 768px) {

    .monitors-windows {

    font-size: 110%;

    margin-bottom: 10px; 
        
    

    

}

    

}



@media only screen  and (max-height: 1024px) {

    .monitors-windows {

    font-size: 110%;

    margin-bottom: 10px; 

    

}

    

}







/* Big tablets to 1200px (widths smaller than the 1140px row) */

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

    .techtip-home-box {

    position: absolute;

    width: 100%;

    padding: 0 2%;

    

    }

    

    .row { padding: 0 2%; }

    .about-me-box {

        width: 800px;

        left: 10%;

        

    }

    

    .query-wrap {

        width: 800px;

    }
    .search {
    max-width: 50%;
    margin-left: 25%;
    position: relative;
    padding-top: 30px;
}
    .main-nav {
        
        font-size: 80%;
    }
    .main-nav li { 

    

    margin-left: 5px;

    

    

}

}

 @media only screen  and (max-width: 1100px) {
     
.press-header {

    background-attachment: scroll;

    height: 80vh;

}

header {

    background-attachment: scroll;

}
      .main-nav {
        
        font-size: 70%;
    }



.monitors {

    background-attachment: scroll;

    height: 120vh;

}

}

/* Small tablets to big tablet from 768 to 1023 px*/

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

    body { font-size: 18 px; }

    section { padding: 60px 0; }

    

    .welcome {

        

        width: 80%;

        margin-left: 10%;

    

    }

    

    

    

    

    .about-me-box {

        width: 768px;

        left: 5%;

        

    }

    

    .mini-pc {
        margin-left: 0px:
       width: 500px; 

    }

    

    .query-wrap {

        width: 500px;

    }



    .standard-text {

        width: 80%;

    }

    

    

     .different {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



    





.different-2  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-3  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-4  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-5  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-6  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}
    
    .different-11  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}

    

    .logo {

        height: 75px;

    }

    

    

    .logo-white {

    height: 60px;

    

    

}

    

    .main-nav {

   

    margin-top: 20px;

    margin-right: 50px;

    

    

}

    

    .main-nav li { 

    

    margin-left: 5px;

    

    

}

    

    .press-header {

    background-attachment: scroll;

    height: 80vh;

}

header {

    background-attachment: scroll;

}



.monitors {

    background-attachment: scroll;

    height: 120vh;

}



/* Small phones to small tablets from 481 to 767 px*/

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

    

    body {font-size: 16px;}

    section { padding: 30px 0;}

    

    .row,

    .techtip-home-box { 

        padding: 0 4%;

        left: 35%;

    

    }
    .main-nav li { 

    

    margin-left: 5px;

    

    

}
    

    .col { 

    width: 100%; 

    margin: 0 0 4% 0;

        

    }

     .col-2 { 

    width: 40%; 

    
        

    }


    
    

    /* .main-nav {display: none;} */

    

    

    

    h1 { 

       

        font-size: 180%;

    

    } 

    h2 { 
        font-size: 150%; 
        margin-left: 0px;
    } 

    h3 { 
        margin-left: 0px;
    } 

    

    .welcome {

        

        width: 100%;

        margin-left: 0%;

        

    }

    .about-me-box {

        width: 481px;

        left: 5%;

        

    }

    

    .mini-pc {

       width: 300px; 

    }

    

    h5 {font: 80%}

    h6 {font-size: 120%}

    

    .monitors-windows {

    font-size: 110%;

    margin-bottom: 20px;

    

    

}

    

    .about-my-self {

    

    margin-top: 40px;

    text-align: left;

    

    

}

    .about-me-box {

        margin-top: 20%;

        padding: 15px;

        width: 350px;

        left: 5%;

        line-height: 100%;

        

    }

    

   

    

    .query-wrap {

        width: 250px;

        margin-top: 20%;

    }

    

    .main-nav {

   

    margin-top: 10px;

    margin-right: 20px;

    

    

}

    

    .main-nav li { 

    

    margin-left: 5px;

    

    

    

    

    

}

    .cnet {

        margin-top: 35px;

    }

        

   .different {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



    





.different-2  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-3  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-4  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-5  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}



.different-6  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}
    
    .different-11  {

    

    width: 25%;

    top: 55%;

    left: 20%;

    

}

    

    .logo {

        height: 55px;

    }

    

    .logo-white {

    height: 45;

    

}

    .shell-startup {

    margin-left: 15%;

    margin-top: 50px;

}

    

    footer {

    

    padding-left: 10px;

   

    

}

    

    .press-header {

    background-attachment: scroll;

    height: 80vh;

}

header {

    background-attachment: scroll;

}



.monitors {

    background-attachment: scroll;

    height: 120vh;

}


.bullet {
    
    margin-left: 50px;
    
}
    .bullet-2{
    
    margin-left: 70px;
    
}
 
    
    .col-2 { 

    width: 35%; 

    
        

    }
    
    .amazon {
        width: 280px;
        height: 155px;
        margin-left: 10%;
        
    }
    
    
    }
    
/* Small phones from 0 to 480 px*/

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

    

    body {max-width: 480px;}

    

    section { padding: 25px 0; }

    

    .techtip-home-box { 

        

        left: 20%;

    

    }

    

    .about-me-box {

        width: 200px;

        left: 5%;

        

    }

    

    .mini-pc {

       width: 200px; 

    }

    .query-wrap {

        width: 250px;

        margin-top: 30%;

    }

    

    .techtip-home-box { 

        

        margin-top: 20%;

        left: 20%;

    

    }

    

    .about-my-self {

    

    margin-top: 40px;

    text-align: left;

    }

    

    .about-me-box {

        margin-top: 20%;

        padding: 15px;

        width: 300px;

        left: 5%;

        line-height: 100%;

        

    }

    

    .cnet {

        margin-top: 35px;

    }

    

    footer {

    

    padding-left: 10px;

   

    

}

    

    

    .press-header {

    background-attachment: scroll;

    height: 80vh;

}

header {

    background-attachment: scroll;

}



.monitors {

    background-attachment: scroll;

    height: 120vh;

}


    h2 { 
         
        margin-left: 0px;
    } 

    h3 { 
        margin-left: 0px;
    } 
    
    .bullet {
    
    margin-left: 50px;
    
}
    .bullet-2 {
    
    margin-left: 70px;
    
}
    
    .amazon {
        width: 280px;
        height: 155px;
        margin-left: 10%;
        
            
    }
    
    .main-nav {
        font-size: 70%;
        
        
    }
    
    }

    /* ----------- HTC One ----------- */



    /* Portrait and Landscape */

    @media screen 

      and (device-width: 360px) 

      and (device-height: 640px) 

      and (-webkit-device-pixel-ratio: 3) 

    

    {
        

        

        

        

    }



    /* Portrait */

    @media screen 

      and (device-width: 360px) 

      and (device-height: 640px) 

      and (-webkit-device-pixel-ratio: 3) 

      and (orientation: portrait) {

          
          .main-nav {
         margin-left: 5px; 
            font-size: 52.5%;
              font-weight: bolder;
            
        }
        .main-nav li 
        {
            margin-left: 1px;
            padding-left: 1px;
            
        }
        

          

    }


    

    /* Landscape */

    @media screen 

      and (device-width: 360px) 

      and (device-height: 640px) 

      and (-webkit-device-pixel-ratio: 3) 

      and (orientation: landscape) {



       

        

    }

        



    

    

    

    

   

    

    
.fractal-space {
    
}