/* ---- Responsive ---- */
@media (min-width: 1439px) and (max-width: 1920px) {
  
}

@media (min-width: 1200px) and (max-width: 1440px) {

  	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.me-menu {
	    text-align: right;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}
	.top-social li {
	    margin: 0px 9px 0 0;
	}
	.nav-item {
	    position: relative;
	    transition: all 200ms linear;
	    text-transform: inherit;
	}
	.nav-item.ml-md-4, .nav-item.mx-md-4 {
	    margin-left: .5rem!important;
	}
	.app-section p img {
	    width: 100px;
	}
	.head-top{
		display: none;
	}
	.head-top ul.top-nav li{
		margin-right: 140px
	}
		.foot-social{
		margin-bottom: 20px
	}
	.foot-social li{
		display: inline-block;
		margin-right: 10px
	}
	footer .top-social {
	    padding: 10px;
	    text-align: center;
	}
	.md-mb-20{
		margin-bottom: 20px
	}
	.md-mb-30{
		margin-bottom: 30px
	}
	.md-mt-20{
		margin-top: 20px
	}
	.md-mt-70{
		margin-top: 70px
	}
}



/* #Media
================================================== */

@media (max-width: 767px) { 
	.carousel-caption{
		position: unset;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.pricing{
	    padding: 20px;
	}
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}

	.navbar-brand img{
		width: 400px;
	}
	.navbar {
	    padding: 10px;
	}
	footer .top-social {
	    padding: 10px;
	    text-align: center;
	}
	.navbar-light .navbar-toggler-icon {
    width: 30px;
    height: 17px;
    border-bottom: 3px solid #000;
	}
	.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {
    width: 30px;
    height: 3px;
    }
    .navbar-light .navbar-toggler-icon:after {
    top: 7px;
	}

    h1{
        font-size: 38px;
    }
    .nav-item:after{
        display: none;
    }
    .nav-item::before {
        position: absolute;
        display: block;
        top: 15px;
        left: 0;
        width: 11px;
        height: 1px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
    }
    .dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"]::after{
        transform: rotate(90deg);
        opacity: 0;
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

	.hleft{
		max-width: 40%
	}
	.hright{
		max-width:60%
	}
	.head-top ul.top-nav li{
		margin-right: 10px
	}
		.head-bottom{
		position: relative;
		bottom:0px;
		height: auto;
	}
	.head-nav{
		background-color: transparent;
		position: relative;
	}
	.menu-text{
		position: absolute;
		top:5px;
		/*color: #fff;*/
		z-index: 1;
		left:20px;
		text-transform: uppercase;
		display: none;
	}
	.nivo-controlNav, .nivo-directionNav{
		display: none;
	}
	.caption-wrap{
		width: 75%;
		padding: 20px 10px;
	}
	.caption-wrap h1{
		font-size: 1.8rem;
		line-height: 25px;
	}
  	.main-panel {
		margin-left: 0;
		width: 100%; 
    }
    .testi-carousel .owl-nav .owl-next {
		right: -40px;
	}
	.testi-carousel .owl-nav .owl-prev {
		left: -40px;
	}
	.blog-box{
		margin-bottom:20px
	}
	.sec-title h3{
		font-size: 1.6rem;
	}
	.doc-content{
		padding-top: 60px !important;
	}
	.main-content.blog-pg, .main-content.blogdt-pg{
		padding-top: 60px !important;
	}
    .foot-info, .foot-nav, .foot-social{
		margin-bottom: 25px
	}
	.foot-social li{
		display: inline-block;
		margin-right: 10px
	}
	.foot-nav{
		width: 47%!important;
		margin-bottom: 20px
	}
	.copyright p{
		display: block;
		text-align: center;
		padding: 5px;
	}
	.copyright p:last-of-type{
		float: none;
	}
	.map{
		margin-top:30px
	}
	.custom-form .form-group{
		margin-bottom: 20px
	}
	.sm-mb-20{
		margin-bottom: 20px
	}
	.sm-mb-30{
		margin-bottom: 30px
	}
	.sm-pl-0{
		padding-left: 0px;
	}
	.sm-mt-70{
		margin-top: 70px
	}
	.sm-mt-20{
		margin-top: 20px
	}
	.read-btn{
	    text-align: center;
	}
	
.optiondiv .calc-inputs {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
}

@media (max-width: 575px) {
	.carousel-caption{
		position: unset;
	}
	.navbar-nav{
	    line-height: 2em;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.pricing{
	    padding: 20px;
	}
	.navbar-brand img{
		width: 250px;
	}
	.navbar {
	    padding: 10px;
	}
	.six, .five, .seven{
	    flex-basis: 100%; 
	    width: 100%;
	}
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
	    font-size: 22px;
	    font-weight: 600;
	    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}

	.me-service-two .col-md-4, .me-service-two .col-md-4:first-child:hover, .me-service-two .col-md-4:nth-child(2):hover, .me-service-two .col-md-4:nth-child(3):hover {
	    margin: 15px;
	}
	.about-section{
		background-repeat: no-repeat;
    	background-size: cover;
	}
	.foot-nav:last-of-type {
	    padding-left: 0;
	    vertical-align: top;
	}
	.me-heading h1, .me-heading2 h1 {
    font-size: 24px;
	}
	.app-section p img {
    	width: 100px;
	}
	.hleft{
		max-width: 100%
	}
	.head-logo{
		padding: 22px 0;
		text-align: center;
	}
	
	.head-nav{
		width:100%;
		padding-left:10px;
		padding-right: 10px
	}
	
	.head-top .top-social{
		margin-left:0px
	}
	.slider-layout1 .nivo-caption {
	    top: 0px;
	}
	.caption-wrap{
		width: 75%;
		padding: 15px 10px;
	}
	.caption-wrap h1{
		font-size: 1.3rem;
		line-height: 20px;
	}
	.caption-wrap h3{
		font-size: 14px;
		margin-bottom: 3px;
	}
	.caption-wrap p{
		font-size: 13px;
		line-height: 13px;
	}
	.page-banner{
		min-height: 180px;
		background-position: -125px;
	}
	.page-banner .page-title{
		top: 50px;
	}
	.page-banner .page-title h3{
		font-size: 1.5rem;
	}
	.contact-info-box .inner-box{
		width: 30px;
		height: 30px;
	}
	.contact-info-box .inner-box i{
		font-size: 15px;
		line-height: 30px;
	}
	.contact-info-box .text-box{
		padding-left: 10px;
	}
	.blog-img{
		width: 100%;
		border: 0px;
		padding-right: 0px
	}
	.blog-txt{
		width: 100%;
		padding-left: 0px
	}
	footer{
		padding-top: 30px!important;
	}
	.foot-nav{
		width:100%
	}
	footer .top-social{
		text-align: center;
	}
	.read-btn{
	    text-align: center;
	}

.optiondiv .calc-inputs {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
}


@media (max-width: 575px) {
	.carousel-caption{
		position: unset;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.navbar-nav{
	    line-height: 2em;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.pricing{
	    padding: 20px;
	}
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}

	.navbar-brand img{
		width: 250px;
	}
	.navbar {
	    padding: 10px;
	}
	.app-down {
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    text-align: center;
	}
	.foot-top h5{
		margin:30px 0;
	}
	.six, .five, .seven {
	     flex-basis: 100%; 
	    width: 100%;
	}
	.foot-nav:last-of-type {
	    padding-left: 0;
	    vertical-align: top;
	}
	footer .top-social{
		text-align: center;
	}
	.app-section{
		padding: 40px 0;
	}
	.page-banner .page-title h3{
		padding: 10px;
	}
	.logo img{
		padding-right: 30px;
	}   
	.footer-icon-section {
	    padding: 0 40px;
	}
	.ex-content {
	    background: #ea1b53db;
	}
	.testimonial {
	    padding: 0px;
	}
	.hvideo-content{
		padding: 20PX;
	}
	.about-section img,.about-section .me-about-two-text{
		padding: 20px;
	}
	.read-btn{
	    text-align: center;
	}

.optiondiv .calc-inputs {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

}

@media (max-width: 480px) {
	.carousel-caption{
		position: unset;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.page-banner{
		min-height: 180px;
		background-position: -125px;
	}
	.navbar-nav{
	    line-height: 2em;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.pricing{
	    padding: 20px;
	}
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
	    font-size: 22px;
	    font-weight: 600;
	    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}

	.navbar-brand img{
		width: 250px;
	}
	.foot-top h5{
		margin:30px 0;
	}
	.foot-nav:last-of-type {
	    padding-left: 0;
	    vertical-align: top;
	}
	footer .top-social{
		text-align: center;
	}
	.navbar {
	    padding: 10px;
	}
	.app-down {
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    text-align: center;
	}

	.six, .five, .seven {
	    flex-basis: 100%; 
	    width: 100%;
	}
		
	.hvideo-content{
		padding: 20PX;
	}
	.logo img {
	    padding-right: 30px;
	}	
	.footer-icon-section {
	    padding: 0 40px;
	}
	.ex-content {
	    background: #ea1b53db;
	}	
	.head-top .col-8, .head-top .col-4{
		max-width: 50%;
		flex: 0 0 50%;
	}
	.head-top .top-social{
		width:100%;
	}
	.top-social li a{
		font-size: 20px
	}
	footer{
		padding-top: 0px!important;
	}
	.caption-wrap{
		width: 75%;
		padding: 10px 10px;
	}
	.caption-wrap h1{
		font-size: 1.1rem;
		line-height: 18px;
	}
	.caption-wrap h3{
		font-size: 12px;
		margin-bottom: 3px;
	}
	.caption-wrap p{
		font-size: 13px;
		line-height: 13px;
	}
	.testi-carousel .owl-controls{
		display: none!important;
	}
	.app-section{
		padding: 40px 0;
	}
	.about-section img,.about-section .me-about-two-text{
		padding: 20px;
	}
	.read-btn{
	    text-align: center;
	}

	.optiondiv .calc-inputs {
	    padding-top: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.columns, .column 
	{
    min-width: 100%;
    text-align: right;
	}
	
}


@media (max-width: 414px) {
	.carousel-caption{
		position: unset;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.page-banner{
		min-height: 180px;
		background-position: -125px;
	}
	.navbar-nav{
	    line-height: 2em;
	}
	.banner-area {
	    margin-top: 80px;
	}
	.pricing{
	    padding: 20px;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
	    font-size: 22px;
	    font-weight: 600;
	    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}
	.me-heading2 p{
		text-align: justify;
	}
	.app-img img {
	    margin: 0;
	}
	.me-heading2 {
	    padding: 40px 15px;
	}
	.app-section{
		padding: 40px 0;
	}
	.navbar-brand img{
		width: 250px;
	}
	.navbar {
	    padding: 10px;
	}
	.foot-top h5{
		margin:30px 0;
	}
	.six, .five, .seven {
	    flex-basis: 100%; 
	    width: 100%;
	}
	.foot-nav:last-of-type {
	    padding-left: 0;
	    vertical-align: top;
	}
	footer .top-social{
		text-align: center;
	}
	.head-top ul.top-nav li, .head-top ul.top-nav li i{
		margin-right: 0px;
		font-size: 12px;
		letter-spacing: -0.2px
	}
	.sec-title h3{
		font-size: 1.3rem;
	}
	.slider-content .container{
		padding:0px
	}
	.slider-content .col-lg-12.col-md-12{
		padding:0px
	}
	.caption-wrap{
		width: 75%;
		padding: 10px 10px;
	}
	.caption-wrap h1{
		font-size: 0.9rem;
		line-height: 16px;
	}
	.caption-wrap h3{
		font-size: 11px;
		margin-bottom: 2px;
	}
	.caption-wrap h5{
		font-size: 11px;
		margin-bottom: 2px;
	}
	.caption-wrap p{
		font-size: 12.5px;
		line-height: 12.5px;
	}
	.caption-wrap .item-btn{
		padding: 1px 10px;
		margin-top: 5px
	}
	.video-carousel .item{
		padding: 20px;
	}
	.footer-icon-section{
		padding-left: 0;
	}
	.foot-logo{
		text-align: none;
	}
	.foot-top{
		padding: 25px
	}
	.ex-content{
		background: #ea1b53db;
	}
	.head-icon{
		text-align: center;
	}
	.about-section img,.about-section .me-about-two-text{
		padding: 20px;
	}
	.read-btn{
	    text-align: center;
	}

.optiondiv .calc-inputs {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

}



@media (max-width: 375px) {
	.carousel-caption{
		position: unset;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.navbar-nav{
	    line-height: 2em;
	}
	.page-banner{
		min-height: 180px;
		background-position: -125px;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.pricing{
	    padding: 20px;
	}
	.navbar-brand img{
		width: 250px;
	}
	.navbar {
	    padding: 10px;
	}
	.banner-area {
    margin-top: 80px;
}
	.foot-top h5{
		margin:30px 0;
	}
	.six, .five, .seven {
	     flex-basis: 100%; 
	    width: 100%;
	}
	.foot-nav:last-of-type {
	    padding-left: 0;
	    vertical-align: top;
	}
	.me-banner-two {
	    position: relative;
	    overflow: hidden;
	    margin-top: 65px;
	    background: #d1eae661;
	    height: 540px;
	}
	.me-banner-two:before{
		display: none;
	}
	.me-banner-two:after{
		display: none;
	}
	.me-banner-two-text h1, .me-banner-three-text h1 {
	    font-size: 22px;
	    font-weight: 600;
	    text-transform: capitalize;
	}
	.me-banner-text:after, .me-banner-two-text:after{
		display: none;
	}
	.carousel-indicators{
		bottom: 0;
	}
	.me-heading2 p{
		text-align: justify;
	}
	.app-img img {
	    margin: 0;
	}
	.me-heading2 {
	    padding: 40px 15px;
	}
	footer .top-social{
		padding: 0;
		text-align: center;
	}
	.app-section{
		padding: 40px 0;
	}
	.about-section img,.about-section .me-about-two-text{
		padding: 20px;
	}
	.read-btn{
	    text-align: center;
	}

.optiondiv .calc-inputs {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
}


@media (max-width: 320px) {

.optiondiv .calc-inputs {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
	.carousel-caption{
		position: unset;
	}
	.me-banner-two-text{
		padding: 0;
		position: unset;
	}
	.navbar-nav{
	    line-height: 2em;
	}
	.page-banner{
		min-height: 180px;
		background-position: -125px;
	}
	.banner-area {
	    margin-top: 80px;
	}
	.pricing .nav-item::before{
		background-color: unset;
	}
	.pricing{
	    padding: 20px;
	}
	.about-section img,.about-section .me-about-two-text{
		padding: 20px;
	}
	.app-section p img {
	    width: 90px;
	}
	.navbar-brand img {
	    width: 200px;
	}
	.navbar {
	    padding: 10px;
	}
	.six, .five, .seven {
     	flex-basis: 100%; 
	    width: 100%;
	}
	.foot-nav:last-of-type {
	    padding-left: 0;
	    vertical-align: top;
	}
	.foot-top h5{
		margin:30px 0;
	}
	footer .top-social {
	    text-align: center;	    
	}
	footer .top-social .fa {
	    padding: 10px;
	    width: 35px;
	    height: 35px;
	    font-size: 15px;
	}
	.top-social li{
		margin: 0;
	}
	.app-section{
		padding: 40px 0;
	}
	.read-btn{
	    text-align: center;
	}

}

@media (min-width: 550px){

	.brokerage-columns.column {
	    width: 22.5%;
	    margin-left: .666%;
	}
	.brokerage-columns.column:first-child {
	    margin-left: 0%;
	}
	.foot-top h5{
		margin:20px 0;
	}
	.pricing{
	    padding: 20px;
	}
	.optiondiv{
		width: 30%!important;
	}

}

@media screen and (max-width: 800px){
.columns, .column {
    min-width: 100%;
}
}

@media only screen and (max-width: 1150px){
.currency-calcs {
    width: 100%!important;
    margin-top: 20px!important;
}
.calc-wrapper {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
}
}