/*------------------------------------------------------------------
Project:	Monex - Responsive 
Version:	1.1
Last change:	14/05/15 [fixed Float bug, vf]
Author:	Janxcode
/*------------------------------------------------------------------
/* Note: Design for a width 1024 Desktop
================================================== */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {

		.jx-monex-partner-logo-list .bottom-border{
			margin-left: 245px !important;
		}
	}
	
/* #Tablet (Portrait)
================================================== */
 
    /* Note: Design for a width of 768px */
 
    @media only screen and (min-width: 768px) and (max-width: 959px) {	
    	.jx-flex-caption .caption-head{
			font-size: 30px !important;
		}
		.jx-flex-caption .caption-head i{
			font-size: 32px !important;
		}
		.jx-flex-caption{
			right: 25px !important;
		}
		.jx-flex-caption p{
			display: none !important;
		}
    	.jx-monex-career-info > div{
			display: block !important;
			width: 100% !important;
		}
    	.jx-monex-blog-title-metabox .jx-monex-title{
			font-size: 33px !important;
			height: auto !important;
		}
	
		.jx-monex-partner-logo-list .bottom-border{
			margin-left: 245px !important;
		}
		.jx-monex-timeline {
		    margin: 0;
		    clear: both !important;
		}
		.jx-monex-timeline-item {
		    margin-bottom: 65px;
		    font-size: 13px !important;
		    height: 80px;
		}
		.jx-monex-timeline .jx-monex-timeline-item .date-position {
		    float: left !important;
		}
		.jx-monex-timeline .item-position {
		    float: left !important;
		    width: 75% !important;
		}
	}
	
 
    /* Note: Design for a width of 480px */ 
    @media only screen and (min-width: 400px) and (max-width: 767px) {
	
	
	/*===================================================
		 BOXED WIDTH 
	====================================================*/
		
		.jx-monex-boxed {
			width:auto !important;
		}
	
	/*===================================================
	     Header 
	====================================================*/
	
	.jx-header-3 .jx-monex-header-info {
		padding-top: 0px;
		display: none;
	}
	.jx-header-3 .navbar-brand {
		padding: 20px 0px 15px 0px !important;
	}
	.navbar-brand > img {
		width: 160px;
	}

	
	/*----------------------------*/
	
	.jx-header-4 .jx-monex-topbar-social-icon {
    	display: none !important;
	}
	.jx-header-4 .jx-login {
		display:none;
	}
	.jx-header-4 .pull-right {
		display:none;
	}
	.jx-monex-menubar .navbar {
		/*display: none;*/
	}
	
	/*----------------------------*/
	
    	.jx-flex-caption .caption-head{
			font-size: 30px !important;
		}
		.jx-flex-caption .caption-head i{
			font-size: 32px !important;
		}
		.jx-flex-caption{
			right: 25px !important;
		}
		.jx-flex-caption p{
			display: none !important;
		}
    	.jx-monex-partner-logo-list .bottom-border{
			margin-left: 245px !important;
		}
		.jx-monex-timeline {
		    margin: 0;
		    clear: both !important;
		}
		.jx-monex-timeline-item {
		    margin-bottom: 65px;
		    font-size: 13px !important;
		    height: 80px;
		}
		.jx-monex-timeline .jx-monex-timeline-item .date-position {
		    float: left !important;
		}
		.jx-monex-timeline .item-position {
		    float: left !important;
		    width: 75% !important;
		}
		
		/*===================================================
			 PARTNERLOGO 
		====================================================*/
		
		.jx-monex-partner-logo li {
			width: 42% !important;
		}
		.jx-monex-partner-logo li img {
			width: 100% !important;
		}
		
		.jx-monex-partner-logo-list li .image {
			width: 100% !important;
			height:auto  !important;
		}
		
		.jx-monex-partner-logo-list li img {
			width: 100% !important;
		}

		/*===================================================
			 IMAGE PLACEHOLDER 
		====================================================*/
		
		
		.jx-monex-image-placholder img {
			width:100% !important;
		}
		
		
		/*===================================================
			 BANNER 
		====================================================*/
		
		.circle-bg {
			width: 500px;
			height: 600px;
			top: -170px;
			right: -130px;
		}
		
		.jx-monex-banner-1 .banner-caption {
			max-width:300px;
		}
		
		.jx-monex-banner-1 img {
			height:100% !important;;
		}
		
		.jx-monex-banner-1 .banner-caption h1:first-child {
			font-size: 36px !important;
		}
		.jx-monex-banner-1 .banner-caption h1:nth-child(2) {
			font-size: 36px !important;
		}
		
		
		/*===================================================
			 TITLES 
		====================================================*/

		
		.jx-monex-title-1 h2 {
			font-size:18px !important;
		}


		/*===================================================
			SLIDER
		====================================================*/
			
			.jx-monex-currency-2 {
				padding-top:150px !important;
			}
			.jx-monex-currency-2 .jx-title-head {
			width:100% !important;
			}
			
		
				
	}
	
	/* MOBILE PORTRAIT SIZE TO MOBILE LANDSCAPE SIZE (DEVICES AND BROWSERS)-------------- */
	@media only screen and (max-width:399px) {
	
	/*===================================================
		 BOXED WIDTH 
	====================================================*/
		
		.jx-monex-boxed {
			width:auto !important;
		}
	
		/*===================================================
			 Header 
		====================================================*/
		
		.jx-header-3 .jx-monex-header-info {
			padding-top: 0px;
			display: none;
		}	
		.jx-header-3 .navbar-brand {
			padding: 20px 0px 15px 0px !important;
		}
		.navbar-brand > img {
			width: 160px;
		}
		
		/*----------------------------*/
		
		.jx-header-4 .jx-monex-topbar-social-icon {
			display: none !important;
		}
		.jx-header-4 .jx-login {
			display:none;
		}
		.jx-header-4 .pull-right {
			display:none;
		}
		.jx-monex-menubar .navbar {
			/*display: none;*/
		}
		
		/*----------------------------*/


		.jx-monex-timeline {
		    margin: 0;
		    clear: both !important;
		}
		.jx-monex-timeline-item {
		    margin-bottom: 65px;
		    font-size: 13px !important;
		}
		.jx-monex-timeline .jx-monex-timeline-item .date-position {
		    float: left !important;
		}
		.jx-monex-timeline .item-position {
		    float: left !important;
		    width: 60% !important;
		}
		.jx-monex-partner-logo-list .web_link + .bottom-border{
			margin-left: 0 !important;
		}
		
		/*===================================================
			 PARTNERLOGO 
		====================================================*/
		
		.jx-monex-partner-logo li {
			width: 42% !important;
		}
		.jx-monex-partner-logo li img {
			width: 100% !important;
		}
		
		.jx-monex-partner-logo-list li .image {
			width: 100% !important;
			height:auto  !important;
		}
		
		.jx-monex-partner-logo-list li img {
			width: 100% !important;
		}
		
		/*===================================================
			 BANNER 
		====================================================*/
		
		
		.jx-monex-banner-1 .banner-caption {
			max-width:300px;
		}
				
		/*===================================================
			 TITLES 
		====================================================*/

		
		.jx-monex-title-1 h2 {
			font-size:18px !important;
		}
				
				
		/*===================================================
			SLIDER
		====================================================*/

			
			.jx-monex-currency-2 {
				padding-top:150px !important;
			}
			.jx-monex-currency-2 .jx-title-head {
			width:100% !important;
			}


		
	}
	
/* #iPad (Landscape) and (Portrait)
================================================== */
	@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	
		
	/*===================================================
		 BOXED WIDTH 
	====================================================*/
		
		.jx-monex-boxed {
			width:auto !important;
		}

	
	/*===================================================
	     Header 
	====================================================*/
	
	.jx-header-1 .jx-monex-top-bar {
		display:none !important;
	}
	
	/*--------------------------*/
	
	.slicknav_menu {
    	display: block !important;
	}
	
	.jx-header-2 .navbar-brand>img {
		width: 160px !important;
	}
	
	/*--------------------------*/
	
	.jx-header-3 .jx-monex-header-info {
		padding-top: 0px;
		display: none;
	}
	.jx-header-3 .navbar-brand {
		padding: 20px 0px 15px 0px !important;
	}
	.jx-header-3 .jx-monex-top-bar {
			display: none !important;
	}
	/*---------------------------*/
	
	.jx-header-4 .jx-monex-topbar-social-icon {
    	display: none !important;
	}
	.jx-header-4 .jx-login {
		display:none;
	}
	.jx-header-4 .pull-right {
		display:none;
	}
	.jx-monex-menubar .navbar {
		display: none;
	}
	
	/*----------------------------*/

	/*===================================================
		 PARTNERLOGO 
	====================================================*/
	
	.jx-monex-partner-logo li {
		width: 22.3% !important;
	}
	.jx-monex-partner-logo li img {
		width: 100% !important;
	}

	/*===================================================
		 Contact Info 
	====================================================*/
	
	.jx-monex-contact-info .title {
		font-size: 30px;
		line-height: 30px;
	}
	.jx-monex-contact-info {
		min-height: 365px;
		padding-top: 20px;
		padding-left: 30px;
	}

	/*===================================================
		 WiDGETS BUTTON
	====================================================*/


	.jx-monex-sendMnyBtn {
		font-size:14px !important;
	}
	.jx-monex-sendMnyBtn i {
		font-size: 20px !important;
	}

	.jx-monex-support_box .jx-monex-callNowBtn {
		font-size:14px !important;
	}

	

	
	}
	
	@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	
		
	/*===================================================
		 BOXED WIDTH 
	====================================================*/
		
		.jx-monex-boxed {
			width:auto !important;
		}

	
	/*===================================================
	     Header 
	====================================================*/
	
	
	.jx-header-3 .jx-monex-header-info {
		padding-top: 0px;
		display: none;
	}
	.jx-header-3 .navbar-brand {
		padding: 20px 0px 15px 0px !important;
	}
	
	/*----------------------------*/
	
	.jx-header-4 .jx-monex-topbar-social-icon {
    	display: none !important;
	}
	.jx-header-4 .jx-login {
		display:none;
	}
	.jx-header-4 .pull-right {
		display:none;
	}
	.jx-monex-menubar .navbar {
		display: none;
	}
	
	/*----------------------------*/

	
	/*===================================================
		 PARTNERLOGO 
	====================================================*/
	
	.jx-monex-partner-logo li {
		width: 21.1% !important;
	}
	.jx-monex-partner-logo li img {
		width: 100% !important;
	}
	
	/*===================================================
		 Contact Info 
	====================================================*/
	
	.jx-monex-contact-info .title {
		font-size: 30px;
		line-height: 30px;
	}
	.jx-monex-contact-info {
		min-height: 365px;
		padding-top: 20px;
		padding-left: 30px;
	}

	.jx-monex-contact-form .contact-full-name, .jx-monex-contact-form .contact-email {
		width: 48.4%;
		display: inline-block;
	}

	/*===================================================
		 WiDGETS BUTTON
	====================================================*/


	.jx-monex-sendMnyBtn {
		font-size:14px !important;
	}
	.jx-monex-sendMnyBtn i {
		font-size: 20px !important;
	}
	
	.jx-monex-support_box .jx-monex-callNowBtn {
		font-size:14px !important;
	}


		/*===================================================
			 TEAMMEMBER 
		====================================================*/
		
		
		.jx-monex-team-member-1 .team-content-box .team-social li i {
			width: 30px !important;
			font-size: 16px !important;
			height: 30px !important;
			line-height: 30px !important;
		}
		
		/*===================================================
			 BANNER 
		====================================================*/
		
		.circle-bg {
			width: 500px;
			height: 600px;
			top: -170px;
			right: -130px;
		}
		
		.jx-monex-banner-1 .banner-caption {
			max-width:300px;
		}
		
		
		.jx-monex-banner-1 .banner-caption h1:first-child {
			font-size: 36px !important;
		}
		.jx-monex-banner-1 .banner-caption h1:nth-child(2) {
			font-size: 36px !important;
		}
		
		
		/*===================================================
			 SERVICESBOX 
		====================================================*/
		
		.jx-monex-servicebox-1 .title {
			font-size:12px !important;
		}
		
		.jx-monex-servicebox-1 .readmore {
			font-size:12px !important;
		}



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

	/*===================================================
	     Header 
	====================================================*/
	
	.jx-header-3 .jx-monex-header-info {
		padding-top: 0px;
		display: none;
	}
	.jx-header-3 .navbar-brand {
		padding: 20px 0px 15px 0px !important;
	}
	.navbar-brand > img {
		display: block;
		width: 160px;
	}
	
	/*----------------------------*/
	
	.jx-header-4 .jx-monex-topbar-social-icon {
    	display: none !important;
	}
	.jx-header-4 .jx-login {
		display:none;
	}
	.jx-header-4 .pull-right {
		display:none;
	}
	.jx-monex-menubar .navbar {
		/*display: none;*/
	}
	
	/*----------------------------*/



		.jx-flex-caption .caption-head{
			font-size: 30px !important;
		}
		.jx-flex-caption .caption-head i{
			font-size: 32px !important;
		}
		.jx-flex-caption{
			right: 25px !important;
		}
		.jx-flex-caption p{
			display: none !important;
		}
		.jx-monex-career-info > div{
			display: block !important;
			width: 100% !important;
		}
		.jx-monex-blog-title-metabox .jx-monex-title{
			font-size: 33px !important;
			height: auto !important;
		}
		.jx-monex-service-content .jx-monex-banner-1 .banner-caption h1:first-child{font-size: 36px !important}
		.jx-monex-service-content .jx-monex-banner-1 .banner-caption h1:nth-child(2){font-size: 40px !important}
		div.jx-monex-common_page_header h1.pagetitle{font-size: 22px !important;}
		.jx-monex-portfolio-columns .portfolio-item{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
		.jx-monex-blog-meta ul li{
			display: block !important;
			padding: 0 !important;
		}
		.jx-monex-widget-newsletter .jx-monex-form-wrapper button{
			width: 15% !important;
		}
		.jx-flex-caption .caption-head{
	    font-weight: 900;
	    font-size: 43px;
	    color: #333;
	    text-align: left;
	    line-height: normal;
	    margin-bottom: 10px !important;
		}
		.jx-flex-caption{
			top: 15px !important;
		}
		
		.field-row .cur-from, .field-row .cur-to {
			width:100%;
		}	
		
	}
		
	@media only screen and (max-width: 320px) {
		.jx-monex-banner-1 .banner-caption{
			padding: 0 10px !important;
		}
		.jx-monex-blog-title-metabox .jx-monex-title{
			font-size: 30px !important;
		}
		.banner-caption h1:first-child{
			font-size: 40px !important;
		}
		.jx-flex-caption .caption-head{
	    font-weight: 900;
	    font-size: 20px !important;
	    color: #333;
	    text-align: left;
	    line-height: normal;
	    margin-bottom: 5px !important;
		}
		.jx-flex-caption .caption-head i{
		    background: #333333;
		    color: #fbca01;
		    font-style: normal;
		    padding-left: 15px;
		    padding-right: 15px;
		    font-size: 20px !important;
		}
		.jx-flex-caption p{
		    color: #333;
		    text-align: left;
		    font-size: 12px !important;
		    line-height: 15px !important;
		}
		
		.field-row .cur-from, .field-row .cur-to {
			width:100%;
		}	
	}

	@media screen and (min-width: 1200px) {
		.jx-monex-partner-logo-list .bottom-border{
			margin-left: 245px !important;
		}
		
		.jx-monex-menubar .menunav {
	 margin-right:0
	}
.jx-monex-widget-newsletter .jx-monex-form-wrapper input {
    padding: 10px 13px;
    float: left;
    font-size: 14px;
    border: 0px none;
    background-color: #eee;
    height: 40px;
    border-radius: 0px;
    width: 81% !important;
    border: 1px solid #ddd;
    
}
	}

/* END Make the cart table responsive */

@media (min-width:768px) and (max-width:991px) {
		.jx-monex-menubar .menunav {
		 margin-right:0
		}
		.jx-monex-widget-newsletter .jx-monex-form-wrapper input {
			padding: 10px 13px;
			float: left;
			font-size: 14px;
			border: 0px none;
			background-color: #eee;
			height: 40px;
			border-radius: 0px;
			width: 74% !important;
			border: 1px solid #ddd;
			border-right: none !important;
		}
		
		.navbar-brand {
		 padding:33px 0;
		}
		.submenu-menu {
		 top:56px !important;
		}
		.slicknav_menu{
			display: block !important;
		}
		.jx-monex-top-bar, .menu-main-menu-container .menu{display: none !important;}	
		
		.jx-monex-footer_address .spacer {
		 margin-left:15px;
		}
		.jx-monex-footer_address h5 {
		 font-size:17px;
		}
		
		.jx-monex-banner-1 .image img{
					height: 250px;
				}
}




@media (min-width:991px) and (max-width:1200px) {
		.jx-monex-footer_address .spacer {
 margin-left:15px;
}

		.jx-monex-contact-form .contact-full-name,.jx-monex-contact-form .contact-email{
		  width:100%;
		  display: inline-block
		}
		.jx-monex-banner-1 .image img{
			height: 250px;
		}
}

@media only screen and (max-width: 767px) {
		.jx-monex-footer_address {
		 background:#fbca01;
		 padding-top:20px;
		 /*padding-bottom:20px;*/
		}
		.jx-monex-footer_address .address_column {
		 padding:20px 0 20px 0;
		}
		.jx-monex-footer_address .spacer {
		 margin-left:0;
		}
		.jx-monex-footer_address .bdr-right {
		 border-right: dotted 0 #333333;
		 border-bottom: dotted 1px #333333
		}
		
		.jx-monex-footer hr {
		 margin:10px 0 20px 0;
		 border-color:#cccccc
		}
		.jx-monex-footer ul.stripMenu {
		 padding-top:15px;
		}
		.jx-monex-footer ul.stripMenu li {
		 padding-right:15px;
		 display:block;
		 position:relative;
		 border-bottom: solid 1px #b0b0b0;
		 padding:5px 0
		}
		.jx-monex-footer ul.stripMenu li:last-child {
		 border:0
		}
		.jx-monex-footer ul.stripMenu li:after {
		 content:"";
		}
		
		.jx-monex-footer .social {
		 text-align:left;
		 padding-top:25px;
		}
		.jx-monex-footer .social a {
		 margin-left:0;
		 margin-right:5px;
		 margin-top: 5px;
		}
		
		div.jx-monex-common_page_header h1.pagetitle {
		 font-weight:700;
		 font-size:32px;
		 margin:0;
		 padding:0;
		 color:#333333;
		 padding:40px 0
		}
		
		.jx-monex-navbar-default .navbar-nav>.active>a, .jx-monex-navbar-default .navbar-nav>.active>a:focus, .jx-monex-navbar-default .navbar-nav>.active>a:hover {
		 color:#000;
		 background-color:#fbca01;
		 border-radius:0 0 0 0
		}
		
		.jx-monex-navbar-default .navbar-nav>li>a:focus, .jx-monex-navbar-default .navbar-nav>li>a:hover {
		 color:#000;
		 background-color:#fbca01;
		 border-radius:0 0 0 0
		}
		
		.jx-monex-servicebox-4, .jx-monex-blog-2 .blog-item{
			margin-bottom: 10px;
		 }
		.jx-monex-menubar .menunav {
		 margin-top:0;
		}
		.slicknav_menu{
			display: block !important;
		}
		
		.tp-static-layers{
		  display: none !important;
		}
		.navbar-brand {
		 float:left;
		 padding:15px 15px;
		 font-size:18px;
		 line-height:20px;
		 border-bottom: solid 0 #fbca01
		}
		.jx-monex-sendmoney{
			margin-top: 40px !important;
		}
		.jx-title-head + .owl-carousel.owl-loaded{
			display: block !important;
			background: rgba(0,0,0,0.5) !important;
		}
		.owl-carousel.owl-loaded{
			display: block !important;
		}
		.jx-monex-currency-2 .ex-rates{
			margin-left: 0!important;
			width: 100% !important;
		}
		.jx-monex-currency-2{
			background:rgba(0, 0, 0, 0) !important;
		}
		
		.jx-monex-menubar .menunav .navbar-nav>li {
		 margin-left:0;
		}
		.jx-monex-menubar .menunav .navbar-nav>li>a {
		 padding-top:8px;
		 padding-bottom:8px;
		 line-height:20px;
		 padding-left:15px;
		 padding-right:15px;
		}
		
		.jx-monex-career-info > div{
					display: block !important;
					width: 100% !important;
				}
				.jx-monex-blog-title-metabox .jx-monex-title{
					font-size: 33px !important;
					height: auto !important;
				}
				.form-spacing-right{
					margin-bottom: 10px;
				}	
				.copyright{
					text-align:center;
				}
				#menu-footer-menu li{
					border-bottom: none;
					padding-top: 0px;
				}
				#menu-footer-menu{
					text-align:center;
				}
				.social ul{
					text-align: center;
				}
				.jx-monex-contact-form .contact-full-name,.jx-monex-contact-form .contact-email{
				  width:100%;
				  display: inline-block
				}
				
		#right, .right{
					float: right;
					clear: both !important;
					float: none !important;
				}
				.field-row .amount-input{
					margin-right: 5px !important;
				}
				
		.field-row .cur-from, .field-row .cur-to {
			width:100%;
		}		

}