/* =============================== Start: (min-width: 320px) and (max-width: 479px) =============================== */
@media (min-width: 320px) and (max-width: 479px) {
	.bannercontent h2 {
		font-size: 22px;
		line-height: 29px;
	}
	.bannercontent p {
		font-size: 14px;
		line-height: 24px;
	}
	.btn-primary2 {
	    width: 140px;
	    margin-bottom: 7px;
    }
    .banner-responsive {
	    margin-top: 75px;
	    margin-bottom: 120px;
	}
    .section1 img {
		width: 270px;
		height: 250px;
		margin: 4px 0px 0px;
	}
	.advertising h2 {
		font-size: 22px;
		line-height: 29px;
	}
	.advertising p {
		font-size: 14px;
		line-height: 24x;
	}
	.featurecontent {
		margin-top: 0px;
	}
	.section3 .featurecontent p {
		font-size: 14px;
		line-height: 24x;
	}
	.featurecontent h3 {
		font-size: 16px;
	}
	.section3 .product h2 {
		font-size: 22px;
		line-height: 29px;
		margin-left: 0px;
		width: 100%;
	}
	.bannercontent {
    	padding: 14px 0px 0px 18px;
 	}
 	.section1 .home-banner-compimg-div {
 		display: block;
	    width: 100%;
	    height: auto;
	    margin: 0px;
	}
	.section1 img {
	    width: 100%;
	    height: auto;
	    margin: 4px 0 0px;
	}
	.moduleBoxes {
    	margin: 20px auto;
	}
	
	img {
		max-width: 100%;
	}
	.section3 {
		margin: 60px 0px 0px 0px;
	}
	.section3 .featurecontent p {
		margin: 0 0 11px;
	}
	.section3 .hand-img-home-dots1-div {
	    width: 101px;
	    height: 84px;
	    background-size: contain;
	    bottom: 40px;
		right: 185px;
	}
	.membermanagement h2 {
		font-size: 26px;
		line-height: 29px;
	}
	.membermanagement p {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 24px;
	}
	.ourModules h2 {
		font-family: 'Montserrat-bold';
		font-size: 26px;
		line-height: 29px;
		text-align: left;
	}
	.ourModules h2::before,
	.solutiontext h2::before {
		left: 0;
	}
	.ourModules p {
		font-size: 14px;
		line-height: 24px;
		width: 100%;
		text-align: left;
	}
	.custmSolution .solutiontext h2 {
		font-size: 26px;
		line-height: 29px;
		font-weight: 100;
		text-align: left;
	}
	.custmSolution .solutiontext p {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		font-family: Lato-Regular;
		text-align: left;
	}
	.ourModules .modulescontent h4 {
		font-size: 20px;
    }
    .ourModules .modulescontent p {
    	font-size: 14px;
    	line-height: 24px;
    	font-family: Lato-Regular;

    }
    .custmSolution .solutionContent p {
    	font-size: 14px;
    	line-height: 24px;
    	font-family: Lato-Regular;
    }
    .section3 .hand-img-home1-div {
    	display: block;
    	width: 285px;
    	float: right;
    	height: 375px;
    	margin: 0px;
    	margin-right: -30px;
    }
    .membermanagement {
		padding: 0px;

	}
	.membermanagement .memberimg .trophy img {
		width: 80%;
	}
	.ourModules .text-center {
		padding: 0px;
	}
	.custmSolution .solutiontext {
		padding: 0px;
	}
	.getStarted h2 {
		font-size: 26px;
		line-height: 29px;
	}
	.footer-sec p {
		width: 100%;
		margin-top: 10px;
	}
	.footer-sec {
		padding: 20px 0px 30px;
	}
	.getStarted {
		padding: 30px 0px 0px;
	}
	.footBanner .requestdemo {
		padding-bottom: 30px;
	}
	.footer-sec li {
    	line-height: 25px;
	}
	.ourModules {
		padding: 0px;
	}
	.bgImgSection {
		padding: 0px;
	}
	.membermanagement .memberimg {
		width: 100%;
		height: 350px;
		margin: 100px 0px 0px -40px;
	}
	.membermanagement .hand-img-home-dots-div {
	    left: 230px;
		width: 101px;
		height: 81px;
	    bottom: 285px;
	    background-size: contain;
	}
	.membermanagement .memberimg .trophy {
	    top: 160px;
		left: 155px;
		width: 190px;
	    height: 215px;
	}
	.custmSolution .solutionContent {
	    height: 426px;
	    padding-top: 115px;
	    margin-bottom: 40px;
	}
	.custmSolution .solutionBox {
	    padding: 20px 0px 30px;
	}
	.managementcontent {
		padding: 0px;
	}
	.btn-primary1 {
		min-width: 150px;
		width: auto;
	}
	.footer-sec h5 {
	    font-size: 14px !important;
	    letter-spacing: 0.75px;
	}
	.contact-deatils h4, .link-tab h4 {
	    letter-spacing: 0;
	    font-weight: 600;
	}
	.contact-deatils li a,
	.link-tab li a {
	    letter-spacing: 0;
	    font-family: Lato-Regular;
	}
	.modal-dialog-contactus {
		width: 100%;
	}
	.modal-content-contactus {
		padding: 20px 0px 20px 0px;
	}
	.modal-dialog-contactus {
		margin: 0px auto 0px auto;
	}
	.modal-header-contactus .close-modal-contactus {
		margin-top: -30px;
		font-size: 20px;
		margin-right: -5px;
	}
	.modal-body .modal-contactus-padding {
		padding: 10px;
	}
	.custmSolution {
		padding-top: 45px;
	}
	.no-pad-res {
		padding: 0px;
	}
	.piechart {
		display: block;
	}
	.membermanagement .memberimg .team-img-div {
		display: block;
		background-size: contain;
		width: 300px;
	}
	.hand-dot-img-div {
		min-height: 375px;
	}
	.navbar-inverse .navbar-toggle-res {
		border-color: transparent;
	}
	.navbar-inverse .navbar-toggle-res:hover, .navbar-inverse .navbar-toggle-res:focus {
		background-color: transparent;
		border: 1px solid transparent;
	}
	.mem360-video {
		margin: 120px 20px 50px;
	}
	.responsive-iframe {
		width: 100% !important;
		height: auto !important;
	}
	.no-mobi{
		display: none !important;
	}
	.show-mobi {
		display: block !important;
	}
	.navbar .video-url{
		float: none;
		width: auto;
		height: auto;
		border: 0px;
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}
	 .navbar .video-url:hover {
	 	float: none;
		width: auto;
		height: auto;
		border: 0px;
		margin: 5px 30px;
		padding: 15px 0px;
		font-weight: normal;
		color: #fff;
	 }


	/*Harsha css New Home page*/
	.d-mobi {
		display: block;
	}
	.d-none-mobi {
		display: none;
	}
	.no-mobi-pad {
		padding: 0px !important;
	}
	.homePageNew .banner .bannerContent {
		margin-top: 50px !important;
	}
	.homePageNew .banner .bannerContent h1,
	.homePageNew .solutionSection h1, 
	.homePageNew .otherFeatures .description h2, 
	.homePageNew .ourModule h2,
	.homePageNew .planningSection .description h2,
	.myPortalScholar h2,
	.scholarshipSlider h2 {
		font-size: 22px;
		line-height: 29px;
	}
	.homePageNew .solutionSection .description p,
	.homePageNew .planningSection .description p,
	.scholarshipPage .myPortalScholar .scholarBox p,
	.scholarshipPage .myPortalScholar .discription p,
	.scholarshipSlider p,
	.scholarshipPage .scholarshipSlider .Slider p {
		font-size: 14px;
		line-height: 24px;
	}
	.homePageNew .planningSection,
	.homePageNew .planningSection .alignBox,
	.homePageNew .planningSection .videoSection {
		height: auto;
	}
	.homePageNew .planningSection {
		margin: 0px;
		padding-bottom: 20px;
	}
	.homePageNew .planningSection,
	.homePageNew .otherFeatures {
		background-position: bottom right;
	}
	.homePageNew .ourModule .moduleDeatils {
		flex-direction: column;
		margin: 0px !important;
	}
	.homePageNew .ourModule .moduleDeatils .moduleBox {
		width: auto;
	}
	.solutionSection .soltuionImg::before {
		right: 0px;
	}
	.homePageNew .otherFeatures .description p,
	.scholarshipPage .myPortalScholar .scholarBox h3,
	.scholarshipPage .scholarshipSlider .Slider h4 {
		font-size: 16px;
	}
	.menuPage .menuBox {
		top: 105px;
		width: 96%;
		height: 100%;
		overflow-y: auto;
		padding: 25px 20px 55px 20px;
	}
	.menuPage .module-sec {
		margin-left: 0px;
	}
	.menuPage .menuImg img {
		margin: 0px 0px 20px 0px;
	}
	.menuPage p {
		padding: 0px;
	}
	.homePageNew .getStartedSection .getStarted {
		padding: 20px 0px 0px 20px;
		height: auto;
		min-height: 180px;
		bottom: -60px;
		background-size: cover;
		border-radius: 20px;
	}
	.NewHeaderSec .navbar-nav {
		margin-left: 0;
	}
	.scholarshipPage .scholarshipSlider .sliderBox {
		width: 100% !important;
		padding: 0px 30px 30px;
		height: auto;
		margin-top: 90px;
	}
	.scholarshipPage .section2 {
	    margin: 0 auto 0px;
	}
	.scholarshipPage .scholarshipSlider {
		margin-bottom: 100px;
	}
	.scholarshipPage .scholarshipSlider .slick-arrow {
		top: 0px;
		width: 50px;
		height: 50px;
		border-radius: 50px;
	}
	.scholarshipPage .scholarshipSlider .slick-arrow.slick-prev {
	    left: 0px;
	}
	.scholarshipPage .scholarshipSlider .slick-arrow.slick-next {
	    right: 0px;
	}
	.myPortalScholar .scholarBox {
		margin-bottom: 50px;
	}
	.sportsPage .commingSoonSection h3 {
		font-size: 20px;
	}
	.sportsPage .section1 .home-banner-compimg-div {
		text-align: center;
		max-width: 400px;
	}
	.scholarshipPage .myPortalScholar .scholarImg::before {
		right: -20px;
	}
	.scholarshipPage .myPortalScholar .scholarImg img {
		margin-left: 0px;
	}
	.scholarshipPage .myPortalScholar {
	    margin-bottom: 0px;
	}
	.scholarshipPage .myPortalScholar.myPortalReviewer .scholarImg::before {
		top: 215px;
	}
	.scholarshipPage .myPortalScholar .scholarImg {
		padding: 115px 0px;
		margin-bottom: 0px;
	}
	.scholarshipPage .myPortalScholar .discription {
	    margin-top: 0;
	}
	.homePageNew .ourModule .moduleDeatils {
		display: block;
	}
	.NewHeaderSec .btn-contact-sales-res {
	    position: relative !important;
	    margin: 0px auto 20px;
	    right: 0 !important;
	    float: none;
	}
	.NewHeaderSec .navbar .video-url {
	    float: none;
	    border: 1px solid #12B3EE;
	    margin: 5px auto 20px !important;
	    padding: 0px !important;
	    font-weight: normal;
	    color: #12B3EE !important;
	    width: 120px;
	    height: 30px;
	    font-size: 13px !important;
	    line-height: 30px;
	}
	.NewHeaderSec .menuPage .menuBox {
	    top: 0px;
	    width: 96%;
	    height: 100%;
	    padding: 0 20px;
	    position: relative;
	    background: transparent;
	    box-shadow: none;
	    color: #fff;
	}
	.NewHeaderSec .menuPage h3 {
		color: #fff;
		text-align: center;
	}
	.NewHeaderSec .menuPage h5 {
		color: #fff;
		width: 280px;
		margin: 10px auto;
	}
	.NewHeaderSec .menuPage p {
	    font-size: 15px;
	    color: #fff;
	    width: 160px;
	    margin: 10px auto;
	}
	.NewHeaderSec .navbar-nav-responsive{
	    position: absolute;
	    width: 100%;
	    left: 0px;
	    overflow-y: auto;
	    height: 90vh;
	}
	.homePageNew .banner {
		height: 580px;
	}
	.homePageNew .bgImgSection {
		height: 165px;
	}
	
}
/* =============================== End: (min-width: 320px) and (max-width: 479px) =============================== */


/* =============================== Start: (min-width:  480px) and (max-width: 767px) =============================== */
@media (min-width:  480px) and (max-width: 767px) {
	.bannercontent h2 {
		font-size: 22px;
		line-height: 29px;
	}
	.bannercontent p {
		font-size: 14px;
		line-height: 24px;
	}
	.btn-primary2 {
	    width: 140px;
	    margin-bottom: 7px;
    }
    .banner-responsive {
	    margin-top: 75px;
	    margin-bottom: 120px;
	}
    .section1 img {
		width: 270px;
		height: 250px;
		margin: 4px 0px 0px;
	}
	.advertising h2 {
		font-size: 22px;
		line-height: 29px;
	}
	.advertising p {
		font-size: 14px;
		line-height: 24x;
	}
	.featurecontent {
		margin-top: 0px;
	}
	.section3 .featurecontent p {
		font-size: 14px;
		line-height: 24x;
	}
	.featurecontent h3 {
		font-size: 16px;
	}
	.section3 .product h2 {
		font-size: 22px;
		line-height: 29px;
		margin-left: 0px;
		width: 100%;
	}
	.bannercontent {
    	padding: 14px 0px 0px 18px;
 	}
 	.section1 .home-banner-compimg-div {
 		display: block;
	    width: 100%;
	    height: auto;
	    margin: 0px;
	}
	.section1 img {
	    width: 100%;
	    height: auto;
	    margin: 4px 0 0px;
	}
	.moduleBoxes {
    	margin: 20px auto;
	}
	
	img {
		max-width: 100%;
	}
	.section3 {
		margin: 60px 0px 0px 0px;
	}
	.section3 .featurecontent p {
		margin: 0 0 11px;
	}
	.section3 .hand-img-home-dots1-div {
	    width: 101px;
	    height: 84px;
	    background-size: contain;
	    bottom: 40px;
		right: 185px;
	}
	.membermanagement h2 {
		font-size: 26px;
		line-height: 29px;
	}
	.membermanagement p {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 24px;
	}
	.ourModules h2 {
		font-family: 'Montserrat-bold';
		font-size: 26px;
		line-height: 29px;
		text-align: left;
	}
	.ourModules h2::before,
	.solutiontext h2::before {
		left: 0;
	}
	.ourModules p {
		font-size: 14px;
		line-height: 24px;
		width: 100%;
		text-align: left;
	}
	.custmSolution .solutiontext h2 {
		font-size: 26px;
		line-height: 29px;
		font-weight: 100;
		text-align: left;
	}
	.custmSolution .solutiontext p {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		font-family: Lato-Regular;
		text-align: left;
	}
	.ourModules .modulescontent h4 {
		font-size: 20px;
    }
    .ourModules .modulescontent p {
    	font-size: 14px;
    	line-height: 24px;
    	font-family: Lato-Regular;

    }
    .custmSolution .solutionContent p {
    	font-size: 14px;
    	line-height: 24px;
    	font-family: Lato-Regular;
    }
    .section3 .hand-img-home1-div {
    	display: block;
    	width: 285px;
    	float: right;
    	height: 375px;
    	margin: 0px;
    	margin-right: -30px;
    }
    .membermanagement {
		padding: 0px;

	}
	.membermanagement .memberimg .trophy img {
		width: 80%;
	}
	.ourModules .text-center {
		padding: 0px;
	}
	.custmSolution .solutiontext {
		padding: 0px;
	}
	.getStarted h2 {
		font-size: 26px;
		line-height: 29px;
	}
	.footer-sec p {
		width: 100%;
		margin-top: 10px;
	}
	.footer-sec {
		padding: 20px 0px 30px;
	}
	.getStarted {
		padding: 30px 0px 0px;
	}
	.footBanner .requestdemo {
		padding-bottom: 30px;
	}
	.footer-sec li {
    	line-height: 25px;
	}
	.ourModules {
		padding: 0px;
	}
	.bgImgSection {
		padding: 0px;
	}
	.membermanagement .memberimg {
		width: 100%;
		height: 350px;
		margin: 100px 0px 0px -40px;
	}
	.membermanagement .hand-img-home-dots-div {
	    left: 230px;
		width: 101px;
		height: 81px;
	    bottom: 285px;
	    background-size: contain;
	}
	.membermanagement .memberimg .trophy {
	    top: 160px;
		left: 155px;
		width: 190px;
	    height: 215px;
	}
	.custmSolution .solutionContent {
	    height: 426px;
	    padding-top: 115px;
	    margin-bottom: 40px;
	}
	.custmSolution .solutionBox {
	    padding: 20px 0px 30px;
	}
	.managementcontent {
		padding: 0px;
	}
	.btn-primary1 {
		min-width: 150px;
		width: auto;
	}
	.footer-sec h5 {
	    font-size: 14px !important;
	    letter-spacing: 0.75px;
	}
	.contact-deatils h4, .link-tab h4 {
	    letter-spacing: 0;
	    font-weight: 600;
	}
	.contact-deatils li a,
	.link-tab li a {
	    letter-spacing: 0;
	    font-family: Lato-Regular;
	}
	.modal-dialog-contactus {
		width: 100%;
	}
	.modal-content-contactus {
		padding: 20px 0px 20px 0px;
	}
	.modal-dialog-contactus {
		margin: 0px auto 0px auto;
	}
	.modal-header-contactus .close-modal-contactus {
		margin-top: -30px;
		font-size: 20px;
		margin-right: -5px;
	}
	.modal-body .modal-contactus-padding {
		padding: 10px;
	}
	.custmSolution {
		padding-top: 45px;
	}
	.no-pad-res {
		padding: 0px;
	}
	.piechart {
		display: block;
	}
	.membermanagement .memberimg .team-img-div {
		display: block;
		background-size: contain;
		width: 300px;
	}
	.hand-dot-img-div {
		min-height: 375px;
	}
	.mem360-video {
		margin: 120px 30px 50px;
	}
	.responsive-iframe {
		width: 100% !important;
		height: auto !important;
	}
	.no-mobi{
		display: none !important;
	}
	.show-mobi {
		display: block !important;
	}
	.navbar .video-url{
		float: none;
		width: auto;
		height: auto;
		border: 0px;
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}
	 .navbar .video-url:hover {
	 	float: none;
		width: auto;
		height: auto;
		border: 0px;
		margin: 5px 30px;
		padding: 15px 0px;
		font-weight: normal;
		color: #fff;
	 }

	 /*Harsha css New Home page*/
	 .d-mobi {
		display: block;
	}
	.d-none-mobi {
		display: none;
	}
	.no-mobi-pad {
		padding: 0px !important;
	}
	.homePageNew .banner .bannerContent {
		margin-top: 50px !important;
	}
	.homePageNew .banner .bannerContent h1,
	.homePageNew .solutionSection h1, 
	.homePageNew .otherFeatures .description h2, 
	.homePageNew .ourModule h2,
	.homePageNew .planningSection .description h2,
	.myPortalScholar h2,
	.scholarshipSlider h2 {
		font-size: 22px;
		line-height: 29px;
	}
	.homePageNew .solutionSection .description p,
	.homePageNew .planningSection .description p,
	.scholarshipPage .myPortalScholar .scholarBox p,
	.scholarshipPage .myPortalScholar .discription p,
	.scholarshipSlider p,
	.scholarshipPage .scholarshipSlider .Slider p {
		font-size: 14px;
		line-height: 24px;
	}
	.homePageNew .planningSection,
	.homePageNew .planningSection .alignBox,
	.homePageNew .planningSection .videoSection {
		height: auto;
	}
	.homePageNew .planningSection {
		margin: 0px;
		padding-bottom: 20px;
	}
	.homePageNew .planningSection,
	.homePageNew .otherFeatures {
		background-position: bottom right;
	}
	.homePageNew .ourModule .moduleDeatils {
		flex-direction: column;
		margin: 0px !important;
	}
	.homePageNew .ourModule .moduleDeatils .moduleBox {
		width: auto;
	}
	.solutionSection .soltuionImg::before {
		right: 0px;
	}
	.homePageNew .otherFeatures .description p,
	.scholarshipPage .myPortalScholar .scholarBox h3,
	.scholarshipPage .scholarshipSlider .Slider h4 {
		font-size: 16px;
	}
	.menuPage .menuBox {
		top: 105px;
		width: 96%;
		height: 100%;
		overflow-y: auto;
		padding: 25px 20px 55px 20px;
	}
	.menuPage .module-sec {
		margin-left: 0px;
	}
	.menuPage .menuImg img {
		margin: 0px 0px 20px 0px;
	}
	.menuPage p {
		padding: 0px;
	}
	.homePageNew .getStartedSection .getStarted {
		padding: 20px 0px 0px 50px;
		height: auto;
		min-height: 220px;
		bottom: -60px;
		background-size: cover;
		border-radius: 20px;
	}
	.NewHeaderSec .navbar-nav {
		margin-left: 0;
	}
	.scholarshipPage .scholarshipSlider .sliderBox {
		width: 100% !important;
		padding: 0px 30px 30px;
		height: auto;
		margin-top: 90px;
	}
	.scholarshipPage .section2 {
	    margin: 100px auto 0px;
	}
	.scholarshipPage .scholarshipSlider {
		margin-bottom: 100px;
	}
	.scholarshipPage .scholarshipSlider .slick-arrow {
		top: 0px;
		width: 50px;
		height: 50px;
		border-radius: 50px;
	}
	.scholarshipPage .scholarshipSlider .slick-arrow.slick-prev {
	    left: 0px;
	}
	.scholarshipPage .scholarshipSlider .slick-arrow.slick-next {
	    right: 0px;
	}
	.scholarshipPage .scholarshipSlider {
		margin-bottom: 150px;
	}
	.myPortalScholar .scholarBox {
		margin-bottom: 50px;
	}
	.sportsPage .commingSoonSection {
		margin-top: 50px;
	}
	.sportsPage .commingSoonSection h3 {
		font-size: 20px;
	}
	.scholarshipPage .myPortalScholar .scholarImg::before {
		right: -20px;
	}
	.scholarshipPage .myPortalScholar .scholarImg img {
		margin-left: 0px;
	}
	.scholarshipPage .myPortalScholar {
	    margin-bottom: 0px;
	}
	.scholarshipPage .myPortalScholar.myPortalReviewer .scholarImg::before {
		top: 215px;
	}
	.scholarshipPage .myPortalScholar .scholarImg {
		padding: 115px 0px;
		margin-bottom: 0px;
	}
	.scholarshipPage .myPortalScholar .discription {
	    margin-top: 0;
	}
	.section1 .home-banner-compimg-div {
		max-width: 500px;
		width: auto;
		margin: 0 auto;
	}
	.homePageNew .ourModule .moduleDeatils {
		display: block;
	}
	.NewHeaderSec .btn-contact-sales-res {
	    position: relative !important;
	    margin: 0px auto 20px;
	    right: 0 !important;
	    float: none;
	}
	.NewHeaderSec .navbar .video-url {
	    float: none;
	    border: 1px solid #12B3EE;
	    margin: 5px auto 20px !important;
	    padding: 0px !important;
	    font-weight: normal;
	    color: #12B3EE !important;
	    width: 120px;
	    height: 30px;
	    font-size: 13px !important;
	    line-height: 30px;
	}
	.NewHeaderSec .menuPage .menuBox {
	    top: 0px;
	    width: 96%;
	    height: 100%;
	    padding: 0 20px;
	    position: relative;
	    background: transparent;
	    box-shadow: none;
	    color: #fff;
	}
	.NewHeaderSec .menuPage h3 {
		color: #fff;
		text-align: center;
	}
	.NewHeaderSec .menuPage h5 {
		color: #fff;
		width: 280px;
		margin: 10px auto;
	}
	.NewHeaderSec .menuPage p {
	    font-size: 15px;
	    color: #fff;
	    width: 160px;
	    margin: 10px auto;
	}
	.NewHeaderSec .navbar-nav-responsive{
	    position: absolute;
	    width: 100%;
	    left: 0px;
	    overflow-y: auto;
	    height: 90vh;
	}
	.homePageNew .banner {
		height: 630px;
	}
	.homePageNew .bgImgSection {
		height: 165px;
	}
}
/* =============================== End: (min-width:  480px) and (max-width: 767px) =============================== */


/* =============================== Start: (min-width:  768px) and (max-width: 1023px) =============================== */
@media (min-width:  768px) and (max-width: 1023px) {
	
.navbar-nav-responsive {
		background-color: #000000;
		margin-left: -15px;
		display: none;
	}
	.navbar-responsive {
		background-color: #000;
		min-height: 75px;
		position: fixed;
		top: 0px;
		z-index: 100;
	}
	.banner-responsive {
		margin-top: 75px;
	}
	.btn-contact-sales-res {
		position: fixed;
		margin-top: 0px;
		right: 10px;
		width: 120px;
		height: 25px;
		font-size: 10px;
	}
	.navbar-nav-responsive .dropdown-menu-res {	
		text-align: center;
	}
	.section1 img {
		display: none;
	}
	.section3 {
		padding: 45px 0px 75px;
	}
	.section3 .hand-img-home1-div {
		display: block;
	    background-size: 100%;
	    height: 951px;
	    background-repeat: no-repeat;
	    margin-top: 58px;
	    margin-right: -80px;
	    position: relative;
	    z-index: 10;
	}
	.membermanagement .memberContent12 {
		padding-top: 0px;
	}
	.mem360-video {
		margin: 50px 20px;
	}
	.responsive-iframe {
		width: 100% !important;
		height: auto !important;
	}


}
/* =============================== End: (min-width:  768px) and (max-width: 1023px) =============================== */



/* =============================== Start: (min-width:  1024px) and (max-width: 1280px) =============================== */
@media (min-width:  1024px) and (max-width: 1280px) {


}
/* =============================== End: (min-width:  1024px) and (max-width: 1280px) =============================== */

