@media screen and (min-width: 375px) {
   #playContainer{
      margin-left:140px;
   }
   .titles{
      margin-left:40px;
   }
   #aboutUsContainer{
      margin-left:10px;
      width:310px;
   }
   #aboutUsSummary,#aboutUsSummary2{
      margin-left:10px;
   }
   #newsContainer,#contactUsContainer{
      margin-left:10px;
      width:310px;
   }
   #contactUsContainerS{
      margin-left:10px;
      width:310px;
   }
   #salesmaxxMainContainer{
      margin-left:20px;
   }
   #salesmaxxDescContainer{
     margin-left:20px;
   }
   #subscriptionContainer{
      margin-left:20px;
   }
}
@media screen and (min-width: 414px) {
   #playContainer{
     margin-left:160px;
   }
   #salesmaxxMainContainer{
      margin-left:40px;
   }
   #salesmaxxDescContainer{
      margin-left:30px;
      width:370px;
   }
   #salesmaxxSummary{
      width:320px;
   }
   #salesmaxxPointContainer{
      margin-left:20px;
   }
   #aboutUsContainer{
      width:370px;
   }
   #aboutUsSummary,#aboutUsSummary2{
      width:340px;
   }
   #newsContainer,#contactUsContainer{
      width:370px;
   }
   #contactUsContainerS{
       width:370px;
   }
   #contactUsForm{
      width:350px;
   }
   #contactUsRight{
      width:250px;
   }
   input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
      width:240px;
   }
   textarea[name="message"]{
      width:240px;
   }
   #submitEmail{
      margin-left:140px;
   }
   #subscriptionContainer{
      margin-left:40px;
   }
}
@media screen and (min-width: 480px) {
   #playContainer{
     margin-left:190px;
   }
   #salesmaxxMainContainer{
      margin-left:70px;
   }
   #salesmaxxDescContainer{
      width:420px;
      height:630px;
   }
   #salesmaxxSummary{
      width:380px;
   }
   #aboutUsContainer{
     width:420px;
   }
   #aboutUsSummary,#aboutUsSummary2{
      width:400px;
   }
   #newsContainer,#contactUsContainer{
      width:420px;
   }
   #contactUsContainerS{
      width:420px;
   }
   #cloudmaxxContacts{
      width:400px;
   }
   .cloudmaxxEmail{
     margin-left:15px;
   }
   #contactUsForm{
      width:400px;
   }
   #contactUsRight{
      width:280px;
      margin-left:15px;
   }
   input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
      width:260px;
   }
   textarea[name="message"]{
      width:260px;
   }
    #submitEmail{
      margin-left:180px;
   }
   #subscriptionContainer{
      margin-left:70px;
   }
}
@media screen and (min-width: 568px) {
   #playContainer{
     margin-left:220px;
   }
   #salesmaxxMainContainer{
     margin-left:10px;
   }
   .titles{
     margin-left:70px;
   }
   #salesmaxxTop{
    margin-left:20px;
    height:216px;
    width:520px;
   }
   #phoneImg{
      display:block;
   }
   #salesmaxxDescContainer{
     width:500px;
     height:450px;
     margin-left:35px;
   }
   #salesmaxxSummary{
      width:450px;
   }
   #salesmaxxPointContainer{
      margin-left:10px;
      height:220px;
     width:450px;
   }
   #aboutUsContainer{
      margin-left:30px;
     width:490px;
   }
   #aboutUsSummary,#aboutUsSummary2{
      width:430px;
   }
   #newsContainer,#contactUsContainer{
      width:490px;
      margin-left:30px;
   }
   #contactUsContainerS{
      width:490px;
      margin-left:30px;
   }
   #contactUsForm{
      width:455px;
   }
   #contactUsRight{
      width:320px;
      margin-left:35px;
   }
   input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
      width:305px;
   }
   textarea[name="message"]{
      width:305px;
   }
    #submitEmail{
      margin-left:220px;
   }
   #subscriptionContainer{
      margin-left:120px;
   }
}
@media screen and (min-width: 667px) {
   #playContainer{
     margin-left:290px;
   }
   .titles{
      margin-left:100px;
   }
   #salesmaxxTop{
      margin-left:70px;
   }
   #salesmaxxDescContainer{
      margin-left:50px;
      width:580px;
   }
   #aboutUsContainer{
     margin-left:30px;
     width:580px;
   }
   #aboutUsSummary,#aboutUsSummary2{
      width:530px;
   }
   #newsContainer,#contactUsContainer{
      width:600px;
      margin-left:30px;
   }
   #contactUsContainerS{
      width:600px;
      margin-left:30px;
   }
   #contactUsForm{
      width:520px;
   }
   #contactUsRight{
      width:350px;
      margin-left:50px;
   }
   input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
      width:340px;
   }
   textarea[name="message"]{
      width:340px;
   }
    #submitEmail{
      margin-left:250px;
   }
   #subscriptionContainer{
      margin-left:170px;
   }
}
@media screen and (min-width: 736px) {
   #playContainer{
     margin-left:330px;
   }
   #salesmaxxTop{
     margin-left:110px;
   }
   #salesmaxxDescContainer{
     margin-left:65px;
     width:610px;
   }
   .titles{
      margin-left:100px;
   }
   #aboutUsContainer{
     margin-left:60px;
     width:600px;
   }
   #aboutUsSummary,#aboutUsSummary2{
      width:530px;
   }
   #newsContainer,#contactUsContainer{
      width:600px;
      margin-left:60px;
   }
   #contactUsContainerS{
      width:600px;
      margin-left:60px;
   }
   #contactUsForm{
      width:520px;
   }
   #contactUsRight{
      width:350px;
      margin-left:50px;
   }
   input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
      width:340px;
   }
   textarea[name="message"]{
      width:340px;
   }
    #submitEmail{
      margin-left:250px;
   }
   #subscriptionContainer{
      margin-left:200px;
   }
}
@media screen and (min-width: 768px) {
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
   body{
      background-image:url('../images/cloudmaxx_bgfull.png');
   }
   #playContainer{
      display:none;
   }
   #salesmaxxTop{
      margin-top:60px;
   }
   #salesmaxxDescContainer{
      width:520px;
      height:430px;
      margin-left:110px;
   }
   .titles{
      display:none;
   }
   .title2{
      display:block;
   }
   #aboutUsContainer{
      display:none;
      margin-top:70px;
   }
   #newsContainer{
      margin-top:70px;
      display:none;
   }
   #contactUsContainer{
      display:none;
      margin-top:70px;
   }
   #contactUsContainerS{
      margin-top:70px;
   }
   #cloudMaxxWelcomeContainer{
   display:block;
   }
   #welcomeSummary{
   display:block;
   }
   #welcome{
   display:block;
   }
   #cloudmaxxName{
   display:block;
   }
   #cloudmaxxSdn{
   display:block;
   }
   #cloudmaxxPoint{
   display:block;
   } 
   #bottomMenuContainer{
   display:block;
   }
   #table{
   display:block;
   }
    #submitEmail{
      margin-top:10px;
   }
   #salesmaxxTop{
      display:none;
   }
   #salesmaxxDescContainer{
      display:none;
      margin-bottom:200px;
   }
   #subscriptionContainer{
      margin-top:0;
      margin-left:0;
      height:360px;
      width:960px;
      margin-bottom:200px;
   } 
}
@media screen and (min-width: 908px) {
   .smallMenuItems{
      margin-left:22px;
   }
   #productContainer2{
      left:300px;
   }
   #serviceContainer2{
      left:550px;
   }
   #salesmaxxTop{
      margin-left:200px;
   }
   #salesmaxxDescContainer{
      margin-left:200px;
    }  
}
@media screen and (min-width: 960px) {
   #salesmaxxTop{
       margin-left:250px;
    } 
   #salesmaxxDescContainer{
      margin-left:250px;
    } 
}
@media screen and (min-width: 1024px) {
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
   #bottomMenuContainer{
      height:260px;
   }
   .smallMenuItems{
     min-width:112px;
     min-height:188px;
      margin-left:0;
      margin-bottom:10px;
   }
   #monitor{
      margin-left:30px;
      margin-top:13px;
      width:146px;
      height:260px;
      background-image:url('../images/monitor_m.png');
   }
   #monitor:hover,#monitor:active{
    background-image:url('../images/monitor_m_hover.png');
   }
   #penholder{
   margin-top:13px;
   width:146px;
   height:260px;
    background-image:url('../images/penholder_m.png');
   }
   #penholder:hover,#penholder:active{
    background-image:url('../images/penholder_m_hover.png');
   }
   #plant{
   margin-top:10px;
    width:176px;
    height:260px;
    background-image:url('../images/plant_m.png');
   }
   #plant:hover,#plant:active{
    background-image:url('../images/plant_m_hover.png');
   }
   #calendar{
      width:163px;
      height:260px;
    background-image:url('../images/calendar_m.png');
   }
   #calendar:hover,#calendar:active{
    background-image:url('../images/calendar_m_hover.png');
   }
   #productContainer2{
      left:350px;
      bottom:150px;
   }
   #fileholder{
      margin-top:15px;
   width:151px;
   height:260px;
    background-image:url('../images/file_m.png');
   }
   #serviceContainer2{
      left:670px;
      bottom:230px;
   }
   #fileholder:hover,#fileholder:active{
    background-image:url('../images/file_m_hover.png');
   }
   #telephone{
   width:171px;
   height:260px;
    background-image:url('../images/phone_m.png');
   }
   #telephone:hover,#telephone:active{
    background-image:url('../images/phone_m_hover.png');
   }
   #table{
      background-color:transparent;
      background-image:url('../images/table_m.png');
   }
   #aboutUsContainer{
      margin-top:80px;
      width:800px;
   }
   #aboutUsSummary{
      width:700px;
   }
   #contactUsContainer{
      margin-top:80px;
      width:800px;
      height:500px;
   }
   #contactUsContainerS{
      margin-top:80px;
      width:800px;
      height:500px;
   }
   #cloudmaxxContacts{
      width:550px;
   }
   .cloudmaxxEmail{
      margin-left:25px;
   }
   input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
      width:480px;
   }
   textarea[name="message"]{
   width:480px;
   height:100px;
    font-size:20px;
    line-height:23px;
   }
   #submitEmail{
      margin-top:10px;
   }
    #subscriptionContainer{
      margin-left:50px;
    }
}
@media screen and (min-width: 1025px) {
	#SalesmaxxMainContainer{
    width:100%;
	}
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
   #table{
      background-image:url('../images/table_m2.png');
   }
}
@media screen and (min-width: 1180px) {
	#SalesmaxxMainContainer{
    width:100%;
	}
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
   .smallMenuItems{
      margin-left:20px;
   }
    #serviceContainer2{
      left:750px;
    }
    #productContainer2{
      left:380px;
    }
    #cloudMaxxWelcomeContainer{
      margin-left:200px;
    }
    #aboutUsContainer{
      margin-left:160px;
    }
    #newsContainer{
      margin-left:220px;
    }
    #contactUsContainer{
      margin-left:210px;
    }
    #contactUsContainerS{
     margin-left:210px;
   }
   #salesmaxxTop{
      margin-left:30px;
      margin-top:100px;
   }
   #salesmaxxDescContainer{
      margin-left:30px;
      margin-top:100px;
   }
}
@media screen and (min-width: 1250px) {
   body{
   background-image:url('../images/cloudmaxx_bgfull.png');
  }
  #cloudMaxxWelcomeContainer{
   width:713px;
   height:102px;
   margin-top:80px;
   margin-left:62px;
   background-color:transparent;
  }
  #salesmaxxTop{
   margin-left:30px;
  }
  #salesmaxxDescContainer{
   margin-top:50px;
   margin-left:30px;
  }
  #welcomeSummary{
   width:713px;
   height:102px;
   margin:0;
  }
  #welcome{
   margin-top:10px;
   float:left;
   width:200px;
    font-size:35px;
    line-height:50px;
    font-family:poiret one;
    font-weight:bold;
  }
  #cloudmaxxName{
   width:260px;
   float:left;
   font-family:poiret one;
   font-size:50px;
   font-weight:bold;
   line-height:50px;
  }
  #cloudmaxxSdn{
   margin-top:25px;
   float:left;
   width:132px;
   font-size:25px;
   line-height:35px;
   font-family:poiret one;
   font-weight:bold;
  }
  #bottomMenuContainer{
    bottom:-15px;
   height:461px;
  }
  #monitor{
   margin-left:10px;
   margin-top:45px;
   width:507px;
   height:417px;
    background-image:url('../images/monitor_l.png');
  }
  #monitor:hover,#monitor:active{
    background-image:url('../images/monitor_l_hover.png');
  }
  #penholder{
   margin-top:170px;
   margin-left:-75px;
   width:200px;
   height:307px;
    background-image:url('../images/penholder_l.png');
  }
  #penholder:hover,#penholder:active{
    background-image:url('../images/penholder_l_hover.png');
  }
  #table{
    width:100%;
    height:105px;
    background-image:url('../images/table_l.png');
  }
  #plant{
   margin-left:-25px;
   margin-top:210px;
   width:230px;
   height:237px;
    background-image:url('../images/plant_l.png');
  }
  #plant:hover,#plant:active{
    background-image:url('../images/plant_l_hover.png');
  }
  #calendar{
   margin-top:190px;
   margin-left:-30px;
   width:181px;
   height:237px;
   background-image:url('../images/calendar_l.png'); 
  }
  #calendar:hover,#calendar:active{
    background-image:url('../images/calendar_l_hover.png');
  }
  #fileholder{
   margin-top:14px;
   float:left;
   width:276px;
   height:446px;
   margin-left:-55px;
   background-image:url('../images/file_l.png');
  }
  #fileholder:hover,#fileholder:active{
    background-image:url('../images/file_l_hover.png');
  }
  #telephone{
   z-index:3;
   margin-top:-200px;
   margin-left:700px;
   width:304px;
   height:211px;
   float:left;
    background-image:url('../images/phone_l.png');
  }
  #telephone:hover,#telephone:active{
    background-image:url('../images/phone_l_hover.png');
  }
  #productContainer2{
   left:650px;
   bottom:200px;
  }
  #serviceContainer2{
   left:950px;
   bottom:445px;
  }
   #aboutUsContainer{
   position:absolute;
   z-index:3;
   margin-left:550px;
   width:600px;
   margin-top:60px;
  }
  #aboutUsSummary{
   width:550px;
  }
  #newsContainer{
   margin-left:520px;
   }
  #contactUsContainer{
   z-index:3;
   position:absolute;
   width:660px;
   margin-left:520px;
   margin-top:60px;
   height:450px;
  }
  #contactUsContainerS{
   z-index:3;
   position:absolute;
   width:660px;
   margin-left:520px;
   margin-top:60px;
   height:450px;
   }
  #contactUsForm{
   width:650px;
   height:320px;
  }
  #salesmaxxTop{
   margin-left:0;
  }
   #subscriptionContainer{
      position:absolute;
      margin-top:50px;
      margin-left:550px;
      height:360px;
      width:960px;
   }
}
@media screen and (min-width: 1329px) {
   #bottomMenuContainer{
    margin-bottom:-30px;
   }
   .smallMenuItems{
      margin-left:55px;
   }
   #calendar{
   margin-left:40px;
  }
   #fileholder{
   margin-top:14px;
   float:left;
   width:276px;
   height:446px;
   margin-left:-35px;
   background-image:url('../images/file_l.png');
  }
  #serviceContainer2{
   left:1050px;
  }   
}
@media screen and (min-width: 1338px) {
	#SalesmaxxMainContainer{
    width:100%;
	}
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
}
@media screen and (min-width: 1500px) {
    .smallMenuItems{
      margin-left:75px;
   }
   #salesmaxxDescContainer{
      margin-left:50px;
   }
   #salesmaxxTop{
      margin-left:20px;
   }
   #subscriptionContainer{
      position:absolute;
      margin-top:50px;
      margin-left:600px;
      height:360px;
      width:960px;
   }
}
@media screen and (min-width: 1515px) {
   #bottomMenuContainer{
   height:512px;
  }
   #monitor{
   margin-left:10px;
   margin-top:30px;
   width:571px;
   height:482px;
    background-image:url('../images/monitor_xl.png');
  }
  #monitor:hover,#monitor:active{
    background-image:url('../images/monitor_xl_hover.png');
  }
  #penholder{
   margin-top:186px;
   margin-left:-75px;
   width:229px;
   height:326px;
    background-image:url('../images/penholder_xl.png');
  }
  #penholder:hover,#penholder:active{
    background-image:url('../images/penholder_xl_hover.png');
  }
  #plant{
   margin-left:-25px;
   margin-top:272px;
   width:263px;
   height:192px;
    background-image:url('../images/plant_xl.png');
  }
  #plant:hover,#plant:active{
    background-image:url('../images/plant_xl_hover.png');
  }
  #calendar{
   margin-top:216px;
   margin-left:-30px;
   width:215px;
   height:248px;
   background-image:url('../images/calendar_xl.png'); 
  }
  #calendar:hover,#calendar:active{
    background-image:url('../images/calendar_xl_hover.png');
  }
  #fileholder{
   margin-top:0;
   float:left;
   width:343px;
   height:512px;
   margin-left:-55px;
   background-image:url('../images/file_xl.png');
  }
  #fileholder:hover,#fileholder:active{
    background-image:url('../images/file_xl_hover.png');
  }
  #telephone{
   z-index:3;
   margin-top:-200px;
   margin-left:750px;
   width:344px;
   height:229px;
   float:left;
    background-image:url('../images/phone_xl.png');
  }
  #telephone:hover,#telephone:active{
    background-image:url('../images/phone_xl_hover.png');
  }
  #productContainer2{
   left:750px;
   bottom:240px;
  }
  #serviceContainer2{
   left:1120px;
   bottom:510px;
  }
   #aboutUsContainer{
   position:absolute;
   z-index:3;
   margin-left:600px;
   width:600px;
   margin-top:60px;
  }
  #aboutUsSummary{
   width:550px;
  }
  #newsContainer{
   margin-left:600px;
   }
  #contactUsContainer{
   z-index:3;
   position:absolute;
   width:660px;
   margin-left:580px;
   margin-top:60px;
   height:450px;
  }
   #contactUsContainerS{
   z-index:3;
   position:absolute;
   width:660px;
   margin-left:580px;
   margin-top:60px;
   height:450px;
   }
  #contactUsForm{
   width:650px;
   height:320px;
  }
  #subscriptionContainer{
    position:absolute;
    z-index:5;
  }
}
@media screen and (min-width: 1580px) {
	#SalesmaxxMainContainer{
    width:100%;
	}
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
   #salesmaxxTop{
      margin-top:100px;
   }
   #salesmaxxDescContainer{
      margin-left:60px;
      margin-top:50px;
   }
    #telephone{
      margin-left:800px;
    }
}
@media screen and (min-width: 1716px) {
   #salesmaxxDescContainer{
      margin-left:110px;
   }
   #monitor{
   margin-left:100px;
  }
  #penholder{
   margin-left:-75px;
  }
  #plant{
   margin-left:-25px;
  }
  #calendar{
   margin-left:-30px;
  }
  #fileholder{
   margin-top:0;
   float:left;
   margin-left:-55px;
  }
  #telephone{
   z-index:3;
   margin-left:800px;
  }
  #productContainer2{
   left:880px;
  }
   #aboutUsContainer{
   position:absolute;
   z-index:3;
   margin-left:680px;
   width:600px;
   margin-top:60px;
  }
  #aboutUsSummary{
   width:550px;
  }
  #newsContainer{
   margin-left:720px;
   }
  #contactUsContainer{
   z-index:3;
   position:absolute;
   width:660px;
   margin-left:680px;
   margin-top:60px;
   height:450px;
  }
   #contactUsContainerS{
   z-index:3;
   position:absolute;
   width:660px;
   margin-left:580px;
   margin-top:60px;
   height:450px;
   }
  #contactUsForm{
   width:650px;
   height:320px;
  }
  #salesmaxxTop{
   margin-left:140px;
  }
  #subscriptionContainer{
      position:absolute;
      margin-top:50px;
      margin-left:670px;
      height:360px;
      width:960px;
      margin-bottom:200px;
   }
   #serviceContainer2{
   left:1250px;
  }
}
@media screen and (min-width: 1794px) {
	#SalesmaxxMainContainer{
    width:100%;
	}
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
}
@media screen and (min-width: 1809px) {
   #calendar{
   margin-left:-3px;
  }
  #fileholder{
   margin-left:-45px;
  }
  #serviceContainer2{
   left:1300px;
  }
 
}
@media screen and (min-width: 1874px) {
  #calendar{
   margin-left:40px;
  }
  #fileholder{
   margin-left:-40px;
  }
  #serviceContainer2{
   left:1400px;
  }
  #productContainer2{
   left:950px;
  }
  #plant{
   margin-left:30px;
  }
  #telephone{
   margin-left:950px;
  }
}
@media screen and (min-width: 1893px) {
	#SalesmaxxMainContainer{
    width:100%;
	}
   #salesmaxxVideo{
   	margin-left:210px;
   	font-size:22px;
   	line-height:30px;
   }
}