/*  

Theme Name: Rocking Parallax

Description:  A great parallax wordpress theme for your app.

Version: 1.5

Author: Segen

Author URI: http://www.markoprljic.com

License: 

Theme URI:

License URI:

*/

@import url("css/style.css");

root { 
    display: block;
}

#howtophone { left: 110px; }
#featuretext12 { display: none; }

@media (min-height: 769px) {

#home .home-text { position: absolute;
bottom: 95px;
line-height: 28px;
font-size: 28px;
font-family: 'BebasNeueRegular', Arial, sans-serif;
text-align: justify; }

#home-text-readmore { display: none;
        position: absolute;
  			color: #000000;
        top: 25%;
        left: 15%;
        width: 70%;
        height: 50%;
        padding: 16px;
        border: 2px solid #9f1516;
        background-color: white;
        z-index:1002;
        overflow: auto; line-height: 18px; border-radius: 10px; }

#home a.readmore-link {position: absolute; right: 10px; bottom: 80px;
 display: block; float:right; font-size: 28px;
font-family: 'BebasNeueRegular', Arial, sans-serif;  }
#home-text-readmore a { display: block; float: right; text-decoration: none; margin-bottom: 10px;  }
  #home-text-readmore h2 { font-family: 'BebasNeueRegular', Arial, sans-serif; line-height: 46px; font-size: 36px; }
}

@media (max-height: 768px) {
  
  #home .home-text { display: none; }

  #home a.readmore-link { position: absolute;
bottom: 70px; display: block; float: none; text-align: center; font-size: 28px;
font-family: 'BebasNeueRegular', Arial, sans-serif; left: 45%; }
  
  #home-text-readmore { display: none;
        position: absolute;
  			color: #000000;
        top: 15%;
        left: 15%;
        width: 70%;
        height: 60%;
        padding: 16px;
        border: 2px solid #9f1516;
        background-color: white;
        z-index:1002;
        overflow: auto; line-height: 18px; border-radius: 10px; }
  
  #home-text-readmore a { display: block; float: right; text-decoration: none; margin-bottom: 10px; }
  
  #home-text-readmore h2 { font-family: 'BebasNeueRegular', Arial, sans-serif; line-height: 46px; font-size: 36px; }

  
}
/*Responsive Style by Muazzam */
@media (min-width: 376px) {

.slicknav_menu {
	display:none;
}
  
  }

@media (min-width: 769px) and (max-width: 1024px) {
  
  #howtophone { top: 90px !important; left: 250px; }
  #howtophone img { width: 500px; }

  .logo_container { padding-left: 0; } 
  .app_store_container { padding-right: 5px; }
  .menu_container { position: relative; display: block; float: left; margin-left: 30px; left: 0 !important; }
  .flexslider ul.slides { width: 960px; }
  .featurelist { left: 0 !important; }
  #featureimg1 { top: 280px; right: -10px !important; }
  #featureimg1 img { width: 530px; height: 335px; }
  #featureimg12 { width: 475px; top: 166px; right: 50px !important; }
  #sec2slide3img1 { right: 0 !important; }
  #sec2slide3iphone { left: -50px !important; }
  #activebubble { left: 0; }
  #passivebubble1 { right: -50px; top: 165px !important; }
  #passivebubble2 { left: 0; }
  #about_us_left { left: 20px !important; }
  .contact_wrap { margin-left: -500px ; }
  
}

@media (max-width: 769px) {
  
  .app_store_container { position: absolute; right: 10px; padding-right: 0; }
  header { background-repeat: repeat; height: 116px; }
  .menu_container { top: 58px; height: 57px; }
  #home {margin-top: 38px;}
  #home div img {width:70%;}
  .mid_container { width: 760px; }
  #iphone3 { left: 96px; }
  #iphone5 { left: 232px; }
  #iphone4 { right: 40px; }
  #iphone2 { right: -60px; }
  #text1 { right: -20px; }
  .flexslider ul.slides { width: 740px; }
  #featureimg1 { top: 280px; right: 20px !important; }
  #featureimg1 img { width: 354px; height: 224px; }
  #features { padding-top:58px; }
  #featureimg12 { width: 400px; top: 166px; right: 30px !important; }
  #sec2slide3img1 { right: -320px !important; top: 300px; }
  #sec2slide3img2 { right: 130px !important; }
  #sec2slide3img1 img, #sec2slide3img2 img  { width: 60%; }
  #sec2slide3iphone { left: -50px !important; }
  
  #howtophone img { width: 50%; }
  
  #activebubble { left: 0; }
  #passivebubble1 { right: -50px; top: 165px !important; }
  #passivebubble2 { left: 0; }
  #about_us_left { left: 20px !important; }
  .contact_wrap { margin-left: -500px ; }
  
  
  }

@media (min-height: 947px) {
  #home { height: 947px; }
  #features { height: 890px; }
  #how-to { height: 890px; }
  #reviews { height: 890px; }
  #join-us { height: 890px; }
  #about-us { height: 890px; }
  #news { height: 890px; }
  #contact { height: 890px; }
}

/* iPhone 5 */
@media (max-width: 360px) {
  
  #text1 { display: none; }
  #home a.readmore-link { left: 30%; bottom: 67px; }
  #home-text-readmore { left: 5px;
top: 125px;
width: 275px; }
  
  #home-text-readmore h2 { font-size: 24px; }
  
  .app_store_container { display: none; }
  .menu {
		display:none !important;
	}
  .slicknav_menu { width: 100%; background: #2a2e31 !important; }
	.menu_container { right: 0 !important; left: 0; width: 100%; }
	.js .slicknav_menu {
		display:block;
	}
  
  div.menu_container div:first-of-type { display: none; }
  
  header { background-repeat: repeat; height: 116px; }
 
  #home {margin-top: 0; height:570px}
  #home div img {width:35%;}
  #home a img, #features a img, #how-to a img, #join-us a img, #reviews a img, #about-us a img, #news a img, #contact a img  { left: 130px !important; }
  #home #text2, #home #text1 { font-size: 150%; }
  .mid_container { width: 375px; }
  #iphone3 { top: 178px; left: 165px; }
  #iphone5 { left: 90px; top: 165px; }
  #iphone4 { left: 36px; top: 178px; }
  #iphone2 { right: -125px; }
  #text1 { right: -20px; top: 245px;
z-index: 99; padding: 0px 5px; }
  #text2 h1 { text-align: center; }
  #text2 { top: 370px; min-height: 60px; }
  
 
  .flexslider ul.slides { width: 310px; }
  ul.slides h1 { font-size: 150%;}
  
  #slide1title , #slide1title2 { left: 45px; top: 10px !important; }
  #featurelist1 { left: 5px; top: 70px; text-align: justify; width: 96%; }
  #slide1title2 h1 { font-size: 200% !important; }
  #featureimg1 { top: 290px; right: 50px !important; }
  #featureimg1 img { width: 212px; height: 134px; }
  #features { padding-top:108px; margin-top:0; }
  #featuretext1 { width: 96% !important; bottom: -600px !important; left: 5px !important; text-align: justify;  }
  #featureimg12 { width: 300px; top: 166px; right: 10px !important; }
  #featuretext12 { bottom: -550px !important; left: 30px; }
  #featurelist12 { top: 75px !important; left: 10px; width: 320px; }
  #sec2slide3img1 { right: -320px !important; top: 150px; }
  #sec2slide3img2 { right: 30px !important; top:260px !important;  }
  #sec2slide3img1 img, #sec2slide3img2 img  { width: 40%; }
  #sec2slide3iphone { left: -30px !important; width: 200px; }
  #howtophone { position: relative; left: 0; top:0 !important; margin-top:35px;}
  #howtophone img { width: 86%; }
  #wrap31 { height: 225px; background-position: left -350px; }
  
  #activebubble { left: 25px; position: relative; top:0 !important; }
  #passivebubble1 { position: relative; right: 0; top: 10px !important; }
  #passivebubble2 { position: relative; left: 20px; top: -80px !important; }
  #about_us_left { left: 20px !important; }
  .contact_wrap { margin-left: -500px ; }
  #how-to { height: 900px; }
  #wrap32 {
width: 300px;
height: 183px;
position: relative;
display: block;
    background-position: 345px 184px !important;
}
  #wrap33 { background-position: left -260px !important;}
  #wrap32:hover { background-position: 345px 0 !important; }
  
  .join_container { width: 310px; }
  #join_us_title h1 { font-size: 90px; }
  #join_us_form input[type="email"] { width: 240px; font-size: 18px; }
  #join_us_form input[type="submit"] { margin-left: 0;  }
  .about_container { width: 320px; }
  .contact_wrap { margin-left: -160px; width: 320px; }
  
  }