/* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }



/* Normal desktop :1200px. */
@media (min-width: 1500px)  {
.next1{
    
    float: right;
    position: relative;
    top: -65px;
    right: -15px;
}
.previous{
    position: relative;
    top: -46px;
   
}

}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
.next1{
    
    float: right;
    position: relative;
    top: -65px;
    right: -29px;
}
.previous{
    position: relative;
    top: -46px;
   
}

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.next1{
    
    float: right;
    position: relative;
    top: -52px;
    right: 1px;
}
.previous{
    position: relative;
    top: -32px;
   
}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.next1{
    
    float: right;
    position: relative;
    top: -46px;
    right: -23px;
}
.previous{
    position: relative;
    top: -27px;
   
}

}

 
/* small mobile :320px. */
@media (max-width: 767px) {
 .next1 {
     float: right;
    position: relative;
    top: -46px;
    right: 0px;
    }
 
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.previous {
    
    position: relative;
    top: -22px;
    
    }
 
}
/* extra small mobile :320px. */
@media (max-width: 480px) {
 .next1 {
     float: right;
    position: relative;
    top: -46px;
    right: 0px;
    }
    .previous {
       
    position: relative;
    top: -26px;
    
    }
 
}