.mingmb{ display: none; }
@media screen and (max-width: 1024px) {
    *{ xborder: 1px solid red; }
    img{
        max-width: 100%!important;
    }
    .wrapper, .bwrapper{
    	width: 90%;
    }
    .container{
        width: 100%;
    }
    .bgbanner .homebanner{
        width: 100%;
    }
    .blackbanner img{
        max-width: 90%;
    }
    .blackbanner{
        height: 635px;
        padding-top: 35px;
        background-position: left -110px;
    }
    .leftmsg {
        width: 400px;
        margin-left: 37px;
        text-align: left;
        margin-top: 100px;
        float: left;
    }
    .rightimg{
        width: 400px;
        padding-left: 0px;
    }
    .smallcontainer{
        max-width: 90%;
    }
    .mindset{
        min-height: 1130px;
    }
    .intelligence{
        left: 50px;
        width: 288px;
    }
    .risk{
        left: 8px;
    }
    .eligility{
        left: 84px;
    }
    .energy{
        left: auto;
        right: 30px;
    }
    .charisma{
        left: auto;
        top: 310px;
        right: 5px;
    }
    .creativity{
        left: auto;
        right: 70px;
    }
    .mindsetinaction ul{
        width: 700px;
        margin-left: 162px;
    }
    .bgbanner .homebanner{
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }
    .bgbanner .homebanner img{
        max-width: 100%;
        height: auto;
    }
    .leftwrapper{
        width: 28%;
        padding-left: 0px;
    }
    .pagecontent{
        width: 70%;
        margin-left: 2%;
    }
    .phone{
        line-height: 36px;
    }
    .add span{
        display: block;
        clear:both;
    }
    .bgbanner{
    	width: 100%;
    	padding: 0px;
    	min-height: 665px;
    	background-color: #b47202;
    }
    .findthe{
    	background-size: 100% 45px;
    }
    .findthe:hover{
    	background-size: 100% 45px;
    }
    .leftmsg{ width: 50%; }
    .rightimg{ margin-left: 10px; width: 40%; height: 390px; background-size: 100%; }
    .home{ margin-top: 0px; }
    .bgbanner .homebanner{ background-size: 100%; }
    .bgbanner .homebanner:hover{ background-size: 100%; }
    .bgboxes{ padding-top: 0px; }
    .ming{ background-size: 100%; }
    .ming:hover{ background-size: 100%; }
    .themindset{ background-size: 100%; }
    .themindset:hover{ background-size: 100%; }
    .signupbx{ margin-left: -575px;  }

    .navbar-default .navbar-nav > li > a{
        font-size: 14px;
        padding-right: 14px;
    }
    .mindsetinaction ul li{
        width: 80%;
    }
    a.readmore{ right: -15px; }
    .themindset{ padding-top: 700px; }
    .mindset .p{ width: 90%; }
    a.linkmores{ width: 100%; height: 390px; }
    .videowrapper{ overflow: hidden; }
    #videolarge{ width: 100%; }
    .showimage{ width: 100%; background-position: center top; background-size: 100%; }
}

@media screen and (max-width: 768px) {
	.wrapper{
		width: 90%;
	}
	.bwrapper{
		width: 90%;
	}
    .container{
        width: 100%;
    }
    .blackbanner{
        padding-top: 25px;
        background-position: left -176px;
    }
    .leftmsg{
        margin-left: 20px;
        width: 290px;
    }
    .rightimg{
        width: 360px;
    }
    a.readmore{
        bottom: -20px;
        right: 19px;
    }
    a.readmore img{
        width: 150px;
    }
    .mindset .p{
        width: 90%;
    }
    .intelligence{
        width: 200px;
    }
    .intelligence h3{
        font-size: 15px;
    }
    .intelligence p{
        font-size: 13px;
    }
    .eligility{
        top: 506px;
    }
    .energy{ left: 408px;}
    .charisma{ left: 420px;}
    .creativity{ left: 366px;}
    .mindsetinaction ul{
        width:80%;
        margin-left: 10%;
    }
    .program.mindset{
        height: 480px;
    }
    .leftwrapper{
        width: 235px;
    }
    .pagecontent{
        width: 420px;
    }
    .bgbanner{
    	width: 100%;
    	padding: 0px;
        min-height: 535px; 
    }
    .bgbanner .homebanner{
    	background-size: 100%;
    }
    .bgbanner .homebanner:hover{
    	background-size: 100%;
    }
    .findthe{
    	background: url(../images/findthe1.png) no-repeat center top;
    background-size: auto auto;
background-size: 93% auto;
    }
    .rightimg{
    	margin-left: 0px;
    }
    .blackbanner{
    	height: 151px;
    }
    .themindset{
    	background-size: 100%;
    }
    .themindset:hover{
    	background-size: 100%;
    }
    .navbar-nav{
    	margin-left: 0px;
    }
    .single{
    	min-height: 10px;
    }
    .phone{
    	font-size: 16px;
    }
    .pagecontent{
    	width: 60%;
    	margin-left: 40px;
    }
    .leftwrapper{
    	width: 34%;
    }

    .home h2{
        text-align: center;
        font: 300 37px 'Roboto Slab', sans-serif;
        color: #656565;
        margin-top: 50px;
        display: block;
        clear: both;
        padding-top: 30px;
    }

    .inputbox1{
        height: 53px;
    }
    .signupbx{
        width: 640px;
        height: 374px;
        margin-left: -483px;
    }
    .signupleft{
        width: 40%;
    }
    .signupright{
        width: 60%;
        padding-top: 53px;
    }
    .signupright p{
        padding-top: 13px;
    }
    .submitbtns{
        margin-top: 0px;
    }
    .single{
        min-height: 700px;
    }
    .menubtn{ margin-right: 10px; }
    .toplogos{ display: block; }
    .mainlogo{ display: none; }
    .leftwrapper{ padding-top: 0px!important }
    .logotop{ padding-left: 10px; }
    .contents{ margin-bottom: 0px;  }
    .hr{ height: 20px; }
    .details{ padding-bottom: 20px; }
    
    .mingmb{ display: block; }
    .ming{
      background: url('../images/out2A.png') no-repeat left top;
      background-size: 100%;
      height: 165px;
    }
     .ming:hover{
      background: url('../images/out2B.png') no-repeat left top;
      background-size: 100%;
    }
    .msgbox{
      font-size: 14px;
      border-bottom: 1px solid #ccc;
        padding: 0px 10px;
      padding-bottom: 15px;
      margin-top: 15px;
      font: 300 14px 'Roboto Slab', sans-serif;
      color: #3d3d3d;
    }
    .mindsetinaction{ padding: 0px 10px; }
    .mindbox p{ width: 94%; }
    .totop{ right: 5px; }
    .showimage img{ width: 50px!important; }
    .videowrapper h3{ width: 100%; }
    .vc_custom_1570782671984 .vc_col-sm-4{ width: 400px; margin: auto; }
}

@media screen and ( max-width: 480px ) {
	.wrapper{
		width: 94%;
	}
	.bwrapper{
		width: 90%;
	}
    .bgbanner{
        min-height: 273px;
    }
    .leftmsg{
        margin-top: 20px;
        float: none;
        margin-bottom: 25px;
        margin-left: 0px;
        width: 100%; 
    }
    .rightimg{
        padding-left: 0px;
        width: 100%;
        float: none;
    }
    .home{
        width: 100%;
    }
    .home h2{
        font-size: 22px;
        margin-top: 10px;
    }
    .blackbanner{
        height: auto;
    }
    .btns{
        height: auto;
    }
    .btns a{
        margin-bottom: 10px;
    }
    .mindset{
        min-height: 774px;
    }
    .program{
        height: auto;
    }
    .program h1{
        font-size: 28px;
    }
    .intelligence{
        position: static;
        width: 250px;
        margin: auto;
    }
    .mindsetinaction ul{
        margin-left: 0px;
        width: 100%;
    }
    .bgboxes{
        background-position: center 671px;
        padding-top: 0px;
        height: auto;
    }
    .energy{
        margin-top: 190px;
    }
    .leftwrapper{
        width: 100%;
        margin-left: 0px;
    }
    .pagecontent{
        width: 100%;
        margin-left: 0px;
    }
    .contents{ border: none; padding-left: 0px; }
    .navbar{ padding-left: 0px;}
    .themindset{ padding-top: 260px; }
    .btns a{ margin-right: 0px; }
    .program.mindset{
        height: auto;
    }
    .contact{ min-height: 800px; }
    .inputbox1{ height: 55px; }
    .mindsetvideo{
        width: 94%;
        background-size: 100% 100%;
        height: 244px;
    }
    .mindsetvideo iframe{
        width: 91%;
        height: 177px;
        margin-top: 13px;
    }
    .iprogram, .single, .contact{
        min-height: 10px;
    }
    .rightimg{
        width: 91%;
        background-size: 100%;
        height: 300px;
        margin: auto;
    }
    .home{
        margin-top: 30px;
        width: 90%;
    }
    .mindsetinaction ul{
        width: 94%;
        margin: auto;
    }
    .mindset .p{
        width: 95%;
        font-size: 16px;
        line-height: 22px;
    }
    .program h1{
        margin-bottom: 21px;
        padding-top: 20px;
    }
    .blackbanner{
        background-position: left -37px;
    }
    .signupbx{ width: 100%; height: auto; margin-left: 0px; left: 0px; z-index: 99; bottom: -175px; }
    .signupleft{ width: 100%; float: none; clear: both; }
    .signupright{ width: 100%; padding-top: 30px; }
    a.closeme{ top: 535px; }
    .bgbanner .homebanner{ height: 220px; }
    .findthe:hover {
        background-size: 93% auto;
        background-position: center top;
    }
    .showimages{ background-size: 100%; }

}