@media (min-width: 280px) and (max-width: 1280px) {
	.res-table1 {
        overflow-x: auto;
    }
	.finan-stat .table-style1.othequi-table, .finan-stat .table-style1.othequi-table1 {
	 	width:150%}
}

@media (min-width: 280px) and (max-width: 1199px) {
    .out-box .outcome-bb, .out-box .output-bb {
        min-height: 551px;
    }
    .chirman-msg .msg-name, .chirman-msg .msg-brf {
        width: 47%
    }
    .augment-box {
        min-height: 568px
    }
    .frame-4 .frame-box1 {
        min-height: 130px;
    }
    .mda-cont .tri-box .con-box.constyle-1 {
        min-height: 400px;
    }
    .mda-cont .tri-box .con-box.constyle-2 {
        min-height: 210px;
    }
    .mda-cont .tri-box .con-box.constyle-3 {
        min-height: 260px;
    }
    .mda-cont .tri-box .con-box.constyle-4 {
        min-height: 230px;
    }
    .mda-cont .tri-box .con-box .conline1 {
        min-height: 230px;
    }
    .mda-cont .tri-box .con-box .conline2 {
        min-height: 280px;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .inner-banner .banner-head {
        padding: 15px 15px 15px 5%;
        font-size: 24px;
    }
    .will-cont .will-box {
        min-height: 140px;
    }
    .gph-box {
        padding: 20px 0 0;
        border-bottom: none;
    }
    .gph-box.last-child {
        border-bottom: 1px solid #afb2cf;
        padding-bottom: 20px;
    }
    .out-box .outcome-bb, .out-box .output-bb {
        min-height: auto;
    }
    .out-box .output-bb:before {
        display: none;
    }
    .augment-box {
        min-height:auto;
        margin-bottom: 40px
    }
    .frame-4 .frame-box1 {
        min-height: 112px;
    }
    .mda-cont .tri-box .con-box.constyle-1, .mda-cont .tri-box .con-box.constyle-2, .mda-cont .tri-box .con-box.constyle-3, .mda-cont .tri-box .con-box.constyle-4, .mda-cont .tri-box .con-box .conline, .mda-cont .tri-box .con-box .conline1, .mda-cont .tri-box .con-box .conline2, .mda-cont .tri-box .con-box .conline3 {
        min-height: auto;
    }
}

@media (min-width: 280px) and (max-width: 999px) {}

@media (min-width: 280px) and (max-width: 998px) {}

@media (min-width: 280px) and (max-width: 992px) {}

@media (min-width: 280px) and (max-width: 991px) {
    .main-menu .parent-nav,
    .main-menu .down-report {
        display: none;
    }
    .header-cont .menu-box,
    .header-cont .menu-box {
        display: block
    }
    .header-cont .menu-box {
        position: relative;
        z-index: 1
    }
    .header-cont .menu-box a:hover,
    .header-cont .menu-box .close-menu {
        background: transparent
    }
    .main-menu .mobile-menu-cont {
        position: fixed;
        width: 320px;
        top: 0;
        bottom: 0;
        height: 100%;
        right: -320px;
        padding-top: 60px;
        display: block;
        background: #efefef;
    }
    .main-menu .mobile-menu-cont ul > li {
        width: 100%;
        text-align: left;
    }
    .main-menu .mobile-menu-cont ul > li .sub-menu {
        position: inherit
    }
    .main-menu .mobile-menu-cont ul > li .sub-menu.sec-menu-1,
    .main-menu ul > li .sub-menu.sec-menu-2,
    .main-menu ul > li .sub-menu.sec-menu-3 {
        width: 100%
    }
    .main-menu .mobile-menu-cont ul > li .sub-menu .split-menu {
        width: 100%;
        float: inherit
    }
    .main-menu .mobile-menu-cont .mobile-nav {
        display: block;
        width: 100%;
        height: 68%;
        overflow: hidden;
        margin: 10px 0 0 0;
    }
    .main-menu .mobile-menu-cont .mobile-nav #nav {
        overflow-y: scroll;
        height: 100%;
        width: 100%;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
    }
    .main-menu .mobile-menu-cont .mobile-nav #nav::-webkit-scrollbar {
        display: none;
    }
    .main-menu .mob-footer {
        display: block;
        padding: 20px 0;
    }
    .main-menu .mob-footer a {
        background: #23408f;
        border: 1px solid #de4c2a;
        color: #fff;
        display: inline-block;
        margin: 0 auto;
        padding: 15px 10px 15px 43px;
        width: 90%;
        text-align: left;
        position: relative;
    }
    .main-menu .mob-footer a:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 29px;
        background-image: url(../images/download-icon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        top: 7px;
        left: 10px;
    }
    .home-chair-msg .chirman-img {
        overflow: hidden
    }
    .home-chair-msg .chirman-img img {
        width: auto;
        height: 500px;
        margin: 0 0 0 -40px;
    }
	.finan-stat .table-style1.othequi-table, .finan-stat .table-style1.othequi-table1 {
	 	width:250%}
    .mda-cont .mda-imgcont .content {
        display: inherit;
        vertical-align: inherit;
    }
    .mda-cont .mda-imgcont .itext-box h4 {
        font-size: 18px;
    }
    .mda-cont .mda-imgcont .itext-box {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 280px) and (max-width: 800px) {
	.key-tab .tabs {
		display: none;
	}
	.key-tab .tab_drawer_heading {
		background-color: #ccc;
		color: #000;
		border-bottom: 1px solid #333;
		margin: 0;
		padding: 10px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
        font-size: 16px;
	}
	.key-tab .d_active {
		background-color: #1b4584;
		color: #fff;
	}
    .key-tab .tab_content {
        border:1px solid #1b4584;
    }
	.key-tab .tab_container {
		margin-bottom: 40px;
	}
}

@media (min-width: 280px) and (max-width: 799px) {}

@media (min-width: 280px) and (max-width: 768px) {}

@media (min-width: 280px) and (max-width: 767px) {
    .inner-banner,
    .home-will {
        height: 300px;
    }
    .inner-banner img,
    .home-will img {
        width: auto;
        height: 100%;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .home-chair-msg .chirman-img img {
        width: 100%;
        height: auto;
        margin: 0
    }
    .home-chair-msg .chairman-text {
        padding: 40px;
        padding-top: 0;
    }
    .will-cont .will-box {
        min-height: auto;
        border:1px solid #a9a9a9;
        padding:20px; 
    }
    .will-cont .empty-box {
        display: none;
    }
    .input-box h2, .busin-box h2, .focus-box h2 {
        width: 90%
    }
    .chirman-msg .chirman-photo {
        margin: 0
    }
    .chirman-msg .chirman-photo, .chirman-msg .msg-name, .chirman-msg .msg-brf {
        width: 100%;
        float: none
    }
    .chpers-name {
        margin: 20px 0
    }
    .direct-row .direc-img img {
        margin-left: 0;
    }
    .direct-row .direc-img .arrow-t {
        left: 0
    }
    .direct-row .direc-img {
        margin-bottom: 20px;
    }
    .frame-4 .frame-box1 {
        min-height: 146px;
    }
    .res-table {
        overflow-x: auto;
    }
    .finan-high .finan-tab {
        width: 150%;
    }
    .sustn-img1 {
        width: 100%;
        float: none;
        margin-top: 80px;
    }
    .sustn-img2 .arrow-t {
        width: 30%
    }
	.finan-stat .balance-table, .finan-stat .pnl-table, .finan-stat .cash-table {
   		width: 150%;
	}
	.fs-table-footer .right-text {
		text-align:left}
    .resptab-table {
       overflow-x: auto;
    }
    .mda-cont .resptab-table .mda-table {
        width: 150%
    }
}

@media (min-width: 280px) and (max-width: 640px) {}

@media (min-width: 280px) and (max-width: 639px) {
    .banner-cont h1 {
        font-size: 20px;
        letter-spacing: 10px;
    }
    .banner-cont h2 {
        font-size: 60px;
        letter-spacing: 10px;
    }
    .banner-head,
    .home-bannerw p,
    .inner-bannerw p {
        width: 100%;
        font-size: 24px;
    }
    .banner-head:after {
        display: none
    }
    .product-mix li {
        width: 100%;
        padding: 0;
        margin: 20px 0;
        display:block;
    }
    .framw-box .frame-3 .frame-box, .frame-4 .frame-box1 {
        min-height: auto
    }
	.finan-stat .balance-table, .finan-stat .pnl-table {
   		width: 200%;
	}
	.finan-stat .fs-h1 {
	    font-size: 30px;
	}
	.finan-stat .table-style1.othequi-table, .finan-stat .table-style1.othequi-table1 {
	 	width:300%}
    .mda-cont .resptab-table .mda-table {
        width: 200%
    }
}

@media (min-width: 280px) and (max-width: 480px) {}

@media (min-width: 280px) and (max-width: 479px) {
    .inner-banner .banner-head {
        font-size: 20px;
    }
    .banner-head {
        font-size: 20px;
        top: 20px
    }
    p {
        font-size: 14px;
    }
    .leading-cont .left-lead h2, .vi-box h3 {
		font-size: 20px;
    }
    .leading-cont .left-lead .text-head p b {
    	font-size: 16px;
    }
    .sustn-img2 .arrow-t {
        width: 40%
    }
	.finan-stat .balance-table, .finan-stat .pnl-table {
   		width: 260%;
	}
	.finan-stat .table-style1.othequi-table, .finan-stat .table-style1.othequi-table1 {
	 	width:400%}
	.finan-stat .cash-table {
   		width: 260%;
	}
    .mda-cont .mda-imgcont .iimg-box .arrow-t {
        border-right: 55px solid transparent;
        border-top: 50px solid rgba(237, 28, 36, 0.9);
        margin-top: -26px;
        width: 50%;
    }
    .respmo-table {
       overflow-x: auto;
    }
    .mda-cont .respmo-table .mda-table {
        width: 200%
    }
    .mda-cont .resptab-table .mda-table {
        width: 280%
    }
}

@media (min-width: 280px) and (max-width: 359px) {}

@media (min-width: 280px) and (max-width: 360px) {}

@media (min-width: 280px) and (max-width: 320px) {}