
@media (max-width:1360px){
	.container {
    	width: 96%;
	}
	.section_2 {
		height:auto;
		padding-bottom: 50px;
	}
	.bnr_tx {
		bottom: 70px;
	}
}
@media (max-width:1024px){
	.section_3 {
		height: auto;
		padding: 80px 0;
	}
	.bnr_tx3 {
		height: auto;
	}
}
@media (max-width:991px){
    /*Mobile Menu css start*/
    header {
		background:#fff;
		transition: 0.5s all ease;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
        z-index: 9999 !important;
	}
	body.js--mobile-menu-active {
		overflow: hidden;
	}
    .header .hd_top .socail_icons {
        text-align: left;
        padding-left: 5px;
    }
	.fixedHeader, .js--mobile-menu-active header{
		background: #fff;
		height: 54px;
		box-shadow: 0px 0px 15px rgb(0 0 0 / 14%);
		transition: 0.5s all ease;
	}
	.mn_menuscroll {
        height: 0px;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        transition: 0.5s all ease;
        display: block !important;
        transform: translateY(45px);
        padding-top: 0;
    }
	.js--mobile-menu-active .mn_menuscroll {
		height: 100vh;
		transition: 0.5s all ease;
	}
    
	.mn_menu {
		height: auto;
		display: block;
	}
	.header .mn_menu ul {
		display: block;
	}
	.header .hd_top #menu li {
		margin: 0 0;
		display: block;
		padding: 0px;
        float: none;
	}
	.header .hd_top #menu li a {
		font-size: 14px;
		line-height: 22px;
		border-bottom: 1px solid #b42c36;
		padding: 8px 10px;
        color: #000;
        font-weight: 500;
	}
    .header .hd_top #menu li a:hover {
		border-bottom: 1px solid #b42c36;
        color: #fff;
        background: #b42c36;
	}
	.header .hd_top #menu li a:before {
		display: none;
	}
	.header .mn_menu ul li ul {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		display: none;
		padding: 0px 0;
	}
	.header .mn_menu ul li ul li a {
		font-size: 14px;
        padding: 8px 14px;
        padding-left: 20px;
	}
    
    .header .mn_menu ul li ul ul li a {
        padding-left: 30px;
    }
    .header .mn_menu ul li ul ul ul li a {
        padding-left: 40px;
    }
    .mn_menu > ul > li:hover > a, .mn_menu > ul > li.active > a {
        color: #000;
        transition: 0.5s all ease;
    }
    .mn_menu > ul > li > ul > li:hover > a {
        background: #fff;
        color: #000;
    }
	.click_menu_i {
		position: absolute;
		top: 0;
		right: 0;
		width: 45px;
		height: 39px;
		background: #2cafaf;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.click_menu_i i {
		color: #fff;
		transition: 0.5s all ease;
	}
	.Li_icon_add i {
		transform: rotate(45deg);
		transition: 0.5s all ease;
	}
	header:hover, .fixedHeader {
        background: #fff;
    }
	/*Icon css*/
	.menu_icon {
		width: 30px;
		height: 22px;
		cursor: pointer;
		transition: 0.5s all ease;
		display: block;
		position: relative;
		z-index: 999;
		margin-left: 0;
	}
	.menu_icon .CL_MNU {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 2px;
		background: #000;
		transition: 0.5s all ease;
	}
	.fixedHeader .menu_icon .CL_MNU, .js--mobile-menu-active .menu_icon .CL_MNU{
		background: #000;
	}
    header:hover .menu_icon .CL_MNU{
        background: #000;
    }
	.menu_icon .CL_MNU:nth-child(1) {
		top: 0px;
	}
	.menu_icon .CL_MNU:nth-child(2) {
		top: 8px;
	}
	.menu_icon .CL_MNU:nth-child(3) {
		top: 16px;
	}
	.js--mobile-menu-active .CL_MNU:nth-child(1) {
		transform: rotateZ(45deg);
		transition: 0.5s all ease;
		top: 8px;
	}
	.js--mobile-menu-active .CL_MNU:nth-child(2) {
		display: none;
		transition: 0.5s all ease;
	}
	.js--mobile-menu-active .CL_MNU:nth-child(3) {
		transform: rotateZ(-45deg);
		transition: 0.5s all ease;
		top: 8px;
	}
    /*Mobile Menu css end*/
    
    
    
    
    header .main_wrapper {
        max-width: 1010px;
        width: 100%;
        padding: 0 20px;
    }
    .header {
        justify-content: space-between;
    }
	.Cot_scn h2 {
		margin-bottom: 45px;
		font-size: 30px;
		line-height: 42px;
	}
	.COM_container p {
		font-size: 18px;
		line-height: 28px;
	}
	
	.bnr_tx h4 {
		font-size: 18px;
		line-height: 22px;
	}
	body h2 {
		font-size: 38px;
		line-height: 45px;
	}
	.intri_tx h2 {
		font-size: 30px;
		line-height: 32px;
	}
	.COM_container {
		padding: 50px 0;
	}
	.Cot_scn .graf_tx, .Cot_scn:nth-child(even) .graf_tx {
		padding-right: 0;
		padding-left: 0;
		padding-top: 40px;
	}
	.Cot_scn .row, .Cot_scn:nth-child(even) .row {
		flex-direction: column-reverse;
	}
	.bnr_tx2 .row {
		align-items: inherit;
	}
    
    .h1 {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 20px;
    }
    .Repot_a_bx a {
        font-size: 14px;
        line-height: 24px;
        padding: 15px 10px;
    }
    .logo a img {
        max-width: 215px;
    }
}
@media (max-width:767px){
	.Cot_scn h2 {
		margin-bottom: 44px;
		font-size: 26px;
		line-height: 39px;
	}
	
	.bnr_tx h1 {
		font-size: 30px;
		line-height: 39px;
	}
    .bnr_tx h1 {
		font-size: 36px;
		line-height: 40px;
	}
    .bnr_tx h2.h2 {
        font-size: 26px;
        line-height: 32px;
    }
	.bnr_tx h4 {
		font-size: 18px;
		line-height: 22px;
	}
	body h2 {
		font-size: 32px;
		line-height: 38px;
	}
	.section_2 {
		height: auto;
	}
	.intri_tx {
		padding-right: 0;
		margin-bottom: 30px;
	}
	.bnr_tx3 {
		height: auto;
	}
	.section_3 {
		height: auto;
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.footer .ft_top strong {
		font-size: 18px;
		padding: 0 0 22px;
	}
	.footer .ft_top p b {
		font-size: 16px;
	}
	.Sun_btn a {
		font-size: 14px;
    	line-height: 24px;
	}
	.footer .ft_top {
		padding: 35px 9px;
	}
	.Cot_scn {
		padding: 50px 0;
	}
	.bnr_tx {
		bottom: 50px;
	}
	.section_3 h2 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 7px;
	}
	.COM_container p {
		font-size: 16px;
		line-height: 27px;
	}
}

@media (max-width:640px){
	.Cot_scn h2 {
		margin-bottom: 40px;
		font-size: 22px;
		line-height: 34px;
	}
	.bnr_tx h2.h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .bnr_tx h1 {
        font-size: 30px;
        line-height: 36px;
    }
	.bnr_tx h4 {
		font-size: 16px;
		line-height: 20px;
	}
	.Sun_btn a {
		padding: 10px 16px 10px;
	}
    .Cot_scn h2 {
        margin-bottom: 25px;
        font-size: 20px;
        line-height: 31px;
    }
}
@media (max-width:414px){
	.bnr_tx2 .Sun_btn a {
        display: block;
        text-align: center;
    }
}