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

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  	
	
	.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width:100% }
	
	.pl30 {padding-left:0;}
	.pr30 {padding-right:0;}
	
	.topbar {display:none}
	
	.header-ad-holder {display:none}
	
	.logo-holder {
		width:80%;
		float:none;
		margin:30px auto;
		overflow:hidden;
	}

	
	.free-trial-box {
		display:none;
	}
	
	.header-title { 
		width:100%;
		padding-bottom: 0px;
	}
	
	.hero {
		/* Sizing */
		height: 50vh;
	}
	
	.hero-img-box {
		padding:0;
		width:90%;
		float:none;
		margin:0 auto 20px auto;
	}
	
	.hero-img-box-desktop {
		display:none;
	}
	
	.hero-img-box-mobile {
		width:100%;
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
	}
	
	.hero-img-box-mobile img {
		width:100%;
		height:auto;
		vertical-align:bottom;
	}
	
	.intro {
		display:none;
	}
	
	.hero .callout .btn {
		/* Positioning and sizing */
		width: 140px;
		
		/* Text styles */
		font-size: 16px;
	}  

	.sec-pad {padding:40px 0;}

	.sec-title-one {
		font-size:2.1em;
		padding-bottom:3vh;
	}
	
	.sec-title-one h2{
		font-size:24px;
	}
	
	.text-box {
		font-size:0.9em;
	}
	
	.sec-title, .sec-title h2{
		font-size:1.1em;
		font-weight:bold;
		padding-bottom:4vh;
		color:#FF9C00;
		text-transform:uppercase;
	}
	
	.about {
		font-size:0.9em;
	}
	
	.img-box-two, .img-box-three, .img-box-four {
		width:90%;
		padding:1vh;
	}
	
	.indicators li { 
		display:block;
		width:90%;
		margin:20px 15px;
	}
	
	.indicators li:not(:last-child) {
		margin-right:0em;
	}
	
	.undeline {
		padding:1vh;
	}

	.article-title {
		width:90%;
		margin:3vh auto;
		font-size:1.1em;
	}
	
	.article-title h2 {
		font-size:14px;
	}

	.article-heading {
		font-size:18px;
		margin:2vh 0;
	}

	.number {
		padding: 0.2vh 2vh;
	}

	.indicators-both li{
		font-size:14px;
	}
	
	.indicators-about {
		font-size:14px;
	}

	.download-title{
		font-size:0.9em;
		margin-right:0px;
		padding-top:20px;
	}
	.download .btn {
		/* Positioning and sizing */
		display: block;
		width: 200px;
		
		/* Padding and margins */
		padding: 0.4em;
		margin:30px auto 0 auto;
		
		/* Text styles */
		font-size: 1em;
		
		/* Border styles */
		border: 2px solid #FFF;
		border-radius: 50px;
	}
	
	#contactus textarea
	{
	  height:80px;
	  width:250px;
	}

	.rs-breadcrumbs {
	  background: url(../images/trading-1.jpg) no-repeat;
	  background-size: cover;
	  padding: 60px 0;
	  position: relative;
	}

	.rs-breadcrumbs .page-title {
	  font-size: 30px;
	  color: #fff;
	  text-transform: uppercase;
	  margin-bottom: 15px;
	  letter-spacing: 0.5px;
	  position:relative;
	  text-align:center;
	}
	
	.disclaimer {
		font-size:0.9em;
	}
	
	.bottom-left {
		width:100%;
	}

}


@media screen and (max-width: 768px) {
.hero {
    /* Sizing */
    width: 100vw;
    height: 30vh;
	padding-top:0vh;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
	color:#fff;
	text-transform:none;
}

.intro li{
	font-size:16px;
}

.free-trial-box {
	float:left;
	width:40%;
	margin-right:3%;
	background-image: url(../images/mac-laptop.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 3.3vh 0;
}

.callout .btn {
	width:150px;
    /* Text styles */
    font-size: 1em;
}

.free-trial-box .page-title {
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  position:relative;
  text-align:center;
}

.free-trial-box ul li a {
	font-size: 16px;
}
  
}

@media screen and (max-width: 1920px) {
.hero {
    /* Sizing */
    width: 100vw;
    height: 70vh;
	padding-top:0vh;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
	color:#fff;
	text-transform:none;
}

.intro {
	font-size:36px;
	padding-top:5vh;
}

.intro li{
	padding:5px 0;
}

.free-trial-box {
	float:left;
	width:40%;
	margin-right:3%;
	background-image: url(../images/mac-laptop.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 12vh 0;
}

.callout .btn {
	width:250px;
    /* Text styles */
    font-size: 2em;
}

.free-trial-box .page-title {
  font-size: 42px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  position:relative;
  text-align:center;
}

.free-trial-box ul li a {
	font-size: 32px;
	
}
  
}

@media screen and (max-width: 1280px) {
.free-trial-box {
	float:left;
	width:40%;
	margin-right:3%;
	background-image: url(../images/mac-laptop.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10vh 0;
	-webkit-padding: 10vh 0;
}

.free-trial-box .page-title {
  font-size: 24px;
}

.free-trial-box ul li a {
	font-size: 20px;
	
}

.intro {
	font-size:24px;
}

@media screen and (max-width: 1024px) {
.hero {
    /* Sizing */
    width: 100vw;
    height: 70vh;
	padding-top:0vh;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
	color:#fff;
	text-transform:none;
}

.intro {
	font-size:20px;
	padding-top:5vh;
}

.intro li{
	padding:5px 0;
}

.free-trial-box {
	float:left;
	width:40%;
	margin-right:3%;
	background-image: url(../images/mac-laptop.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 8vh 0;
	-webkit-padding: 8vh 0;
}

.callout .btn {
	width:200px;
    /* Text styles */
    font-size: 1.5em;
}

.free-trial-box .page-title {
  font-size: 22px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  position:relative;
  text-align:center;
}

.free-trial-box ul li a {
	font-size: 15px;
	line-height: 26px;
	
}
  
}