
@media (max-width: 1350px){

}

@media (max-width: 1280px){
	
}

@media (max-width: 1200px){
	.banner figure img {
	    height: 580px;
	}
	.bnrCol4Img img {
	    max-width: 280px;
	    float: right;
	}
	.bnrITp {
	    top: -60px;
	}
}

@media (max-width: 1100px){
	.mn_menu ul li {
	    margin-left: 20px;
	}
	.featureTh {
	    overflow: hidden;
	}
	.ftrLogo img {
	    max-width: 230px;
	}
	.ftr_bx4 {
	    width: 24%;
	}
	.mn_menu ul li {
	    margin-left: 10px;
	}
	a.LogoA img {
	    max-width: 65px;
	}
}

@media (max-width: 1024px){
	.bnrItemA h4 {
	    font-size: 18px;
	    line-height: 25px;
	    height: 70px;
	    padding: 15px 10px;
	}
	.bnrItemIMg img {
	    max-width: 160px;
	}
	.bnrItemIMg {
	    height: 200px;
	    overflow: hidden;
	}
	.bnrItemA h4 {
	    font-size: 16px;
	    line-height: 24px;
	    height: 70px;
	    padding: 10px 10px;
	}
	.featuredTx {
	    padding: 21px 15px 20px 15px;
	}
	.aboutBghm {
	    height: 420px;
	}
	.newLatter h1 {
	    font-size: 21px;
	    line-height: 30px;
	}
	.tatamoterBx a {
	    font-size: 15px;
	    line-height: 23px;
	}
	.detailsCont h1 {
	    font-size: 22px;
	    line-height: 30px;
	}
	.postbydetal {
	    flex-wrap: wrap;
	}
	.wathVideoTX h1 {
	    font-size: 32px;
	    line-height: 38px;
	}
	.Videoplayer {
	    margin-top: 30px;
	}
	a.Videoplayer img {
	    /*max-width: 60px;*/
	}
	.wathVideoTX h2 {
	    font-size: 28px;
	    line-height: 40px;
	}
	.callDiv > div {
	    width: 33%;
	}
}


@media (max-width: 991px){
	/*Menu css*/
	.mn_menu {
	    display: block;
	    flex-direction: column-reverse;
	    height: 75vh;
	    overflow-y: scroll;
    	justify-content: flex-end;
	}
	
    .js--mobile-menu-active .menu_icon span {
        background: #fff;
    }
    .menu_icon {
	    width: 30px;
	    height: 22px;
	    cursor: pointer;
	    transition: 0.5s all ease;
	    display: block;
	    position: absolute;
	    top: 85px;
	    right: 15px;
	    z-index: 999;
	    margin-left: 6px;
	    display: none;
	}
	.hdrTpRT a {
	    margin-left: 15px;
	}
    .menu_icon .CL_MNU {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background: #000;
        transition: 0.5s all ease;
    }

    .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(3) {
        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;
    }


    .click_menu_i {
        position: absolute;
        top: 0;
        right: 0;
        width: 41px;
        height: 35px;
        background: #333;
    }
    .click_menu_i:before {
        position: absolute;
        top: 7px;
        left: 15px;
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 22px;
        color: #fff;
    }

    .click_menu_i.Li_icon_add:before {
        position: absolute;
        top: 5px;
        left: 15px;
        content: "\f106 ";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 22px;
        color: #fff;
    }

    .hdr_to_menu {
	    display: block;
	}
	.hdr_to_menu a {
	    font-size: 12px;
	    padding: 6px 10px 6px 10px;
	    border-bottom: 1px solid #d4d4d4;
	    margin: 0;
	}
	.hdr_bt_menu {
	    margin-top: 0;
	}
    .menu_in {
        position: fixed;
        top: 0;
        left: -275px;
        width: 270px;
        height: 100%;
        z-index: 999;
        background: #fff;
        transition: 0.5s all ease;
    	padding-left: 0;
    	padding-top: 25px;
    	padding-right: 0px;
    }
    .menu_in:before {
        position: fixed;
        top: 0;
        left:0px;
        width: 0;
        height: 100%;
        content: "";
        background: rgb(0 0 0 / 72%);
        transition: 0.5s all ease;
    }

    .js--mobile-menu-active .menu_in:before {
        left: 0px;
        transition: 0.5s all ease;
        width: 100%;
        display: none;
    }


    /*.js--mobile-menu-active .menu_in {
        left: 0;
        transition: 0.5s all ease;
    }*/
    .mn_menu ul {
	    display: block;
	}
    .mn_menu ul li {
        display: block;
        margin-right: 0;
        position: relative;
        margin: 0px;
        padding: 0;
    }
    .mn_menu ul li > a {
        padding: 6px 10px 6px 10px;
        border-bottom: 1px solid #d4d4d4;
        color: #333333;
        text-align: left;
        text-shadow: none !important;
        font-size: 14px;
    }
	/*Menu css end*/

	.bnrItemIMg img {
	    max-width: 126px;
	}
	.aboutBgBx {
	    width: 100%;
	    padding: 26px 25px 30px 25px;
	}
	.aboutBgBx h1 {
	    font-size: 22px;
	}
	.aboutBgBx p {
	    font-size: 16px;
	    line-height: 28px;
	}
	.Sub_btn, .Sub_btn2 {
	    font-size: 14px;
	}
	.getReviewSLTx {
	    max-width: 77%;
	}
	.getReview {
	    display: flex;
	    justify-content: space-between;
	}
	.getReview h1 {
	    font-size: 20px;
	    line-height: 32px;
	    margin-bottom: 30px;
	}
	.ReviewIconImg img {
	    max-width: 100%;
	    width: 100%;
	}
	.ReviewIcon {
	    text-align: right;
	    padding-right: 15px;
	    width: 112px;
	}
	.ftrLogo img {
	    max-width: 200px;
	}
	.bnr_tx h1 {
	    font-size: 36px;
	    line-height: 45px;
	}
	.bnrItemA h4 {
	    font-size: 15px;
	    line-height: 23px;
	    height: 55px;
	    padding: 10px 10px;
	}
	.bnr_tx h1 {
	    font-size: 30px;
	    line-height: 36px;
	}
	.bnr_tx p {
	    font-size: 16px;
	    line-height: 28px;
	    font-weight: 500;
	    margin-bottom: 25px;
	}
	.bnr_tx p br{
		display: none;
	}
	.bnr_tx h3 {
	    font-size: 18px
	    line-height: 26px;
	}
	.hdrTpserch {
		width: 100%;
	    /* max-width: 275px; */ 
	}
	.page404 img {
	    width: 100%;
	}
	.TopStoryHd {
	    font-size: 16px;
	    line-height: 24px;
	}
	
	.AuthorPagetx h1 {
	    font-size: 22px;
	    line-height: 32px;
	}
	.autorName {
	    font-size: 22px;
	    line-height: 25px;
	}
	.AuthorImg {
	    width: 24%;
	}
	.AuthorDiscriotn {
	    width: 76%;
	    padding-left: 22px;
	}
	.AuthorBX {
	    padding: 30px 20px 20px 20px;
	}
	.autorDis {
	    font-size: 15px;
	    line-height: 22px;
	    margin-bottom: 15px;
	}
	figure.wathVideoImg img {
	    height: 400px;
	}
	.mn_menu {
	    display: none;
	}
	.hdrBt {
	    height: 76px;
	    display: flex;
	    align-items: center;
	}
	.menu_in2 {
	    position: absolute;
	    right: 0px;
	    top: 24px;
	}
	.RightMenu {
	    width: 320px;
	    padding: 25px 0 0 15px;
}
}

@media (max-width: 768px){
	.GETINSPIREDDV ul.slick-dots {
	    padding-left: 27%;
	}
	.Tx404 p br {
	    display: none;
	}
}
@media (max-width: 767px){
	.aboutBgBx {
	    max-width: 100%;
	}
	.newLatterForm .form-group {
	    padding-left: 0;
	}
	.newLatterForm {
	    margin-top: 15px;
	}
	.ftr_bx1 {
	    padding-right: 30px;
	    width: 50%;
	}
	.ftr_bx2{
	    width: 50%;
	}
	.ftr_bx3, .ftr_bx4 {
	    width: 50%;
	    clear: both;
	    margin-top: 20px;
	}
	.copyRightIn {
	    align-items: center;
	    text-align: center;
	}
	span.ftrCard {
	    width: 100%;
	    text-align: center;
	    display: block;
	}
	.getReview h1 {
	    font-size: 16px;
	    line-height: 27px;
	    margin-bottom: 20px;
	}
	.ReviewIcon {
	    width: 74px;
	}
	.CategoriesTx h3 {
	    font-weight: 500;
	    font-size: 15px;
	    line-height: 22px;
	}
	.Tx404 h2 {
	    font-size: 22px;
	    line-height: 28px;
	}
	.TopStoryHd {
	    font-size: 16px;
	    line-height: 26px;
	    min-height: auto;
	    margin-bottom: 10px;
	}
}
@media (max-width: 640px){
	.aboutBghm {
	    height: auto;
	}
	.wathVideoTX h1 {
	    font-size: 25px;
	    line-height: 30px;
	}
}

@media (max-width: 575px){
	.AuthorImg {
	    width: 200px;
	    margin: 0 auto 30px;
	}
	.AuthorDiscriotn {
	    width: 100%;
	    padding-left: 0;
	}
	.callDiv > div {
	    width: 100%;
	}
	.callbx2 {
	    margin: 9px 0;
	}
}

@media (max-width: 480px){
	.newLatterBtn {
	    font-size: 14px;
	    width: 37%;
	}
	.newLatterForm .form-group {
	    max-width: 63%;
	}
	.ftrLogo img {
	    max-width: 125px;
	}
	.social-links2 li {
	    margin-right: 10px;
	}
	
	footer .social-links3{
		display:block;
	}
	footer .social-links2 ul{
		/* width:50%; */
	}
	footer .social-links2 li {
	    margin-right: 10px;
	    margin-top: 0;
		/* width:30%; */
	}
	.seacrboxRt .social-links2 li{
		width:33%;
		margin-right: 10px;
	    margin-top: 10px;
	}
	.seacrboxRt ul{
		text-align:right;
	}
	.Btn404 {
	    width: 174px;
	    margin: 0 4px;
	}
}



