#toggleButton {
	display: none;
}
@media (min-width: 1350px) {
	.container {
	    width: 1330px;
	}

	.w-20 {
		width: 20%;
	}
	
	.dotul {
		width: 460px;
		margin: auto;
	}
	.ContrcatFea .snFeat {
	    min-height: 380px;
	}
	.Principles.ContrcatFea .snFeat {
        min-height: 290px;
    }

	.w-50 {
		width: 50%;
	}
}
@media (min-width: 768px) {
	.align_items_center {
	    display: flex;
	    align-items: center;
	}

	.snRoad:nth-child(odd) .RoadInSn {
	}

	.snRoad:nth-child(odd) .RoadInSn .high {
	}
	.snRoad:nth-child(odd) .RoadInSn li i {
	    left: -27px;
	    right: 0px;
	}.snfea {
	    min-height: 317px;
	}
}
@media (max-width: 1191px) {
	a.navbar-brand.logo {
		padding-left: 15px;
	}
	.navbar-collapse {
		padding: 0px 15px;
	}
}
@media (max-width: 991px) {
	#toggleButton {
		display: block;
	}
	.navbar-collapse {
	    text-align: center;
	    float: none;
	    background: #fffffff0;
	    background: #2e2e2eeb;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: transparent;
	}
	.content h1 {
	    font-size: 31px;
	    line-height: 41px;
        margin-bottom: 8px;
	}
	.sliderSection .content {
		text-align: center;
		margin-top: 25px;
	}
	.sliderSection .image {
		width: 75%;
		margin: auto;
	}
	.sliderSection .social_ab {

	}
	.homesliderSection .content {
	    padding-left: 0px;
	}
	.padSection {
    	padding: 40px 0px;
	}
	.sliderSection {
	    padding-top: 100px;
	    padding-bottom: 40px;
	}
	.content h3 {
	    font-size: 28px;
	    margin-bottom: 14px;
	}
	.subtitle p {
    	width: 100%;
	}
	.imgFeat {
	    top: -40px;
	    width: 85px;
	}
	.snFeat {

	}
	.snFeatMain {
    	margin-bottom: 45px;
	}
	.content h2 {
	    font-size: 17px;
	    line-height: 26px;
	}
	.slider1content.content h2 {
	    font-weight: 700;
	    font-size: 18px;
	    line-height: 25px;
	    width: 100%;
	}
	.slider1content.content h3 {
        font-size: 18px;
        width: 100%;
    }
	h4 {
    	font-size: 24px;
	}
	.mainRound>div {
	    width: 50%;
	    margin-bottom: 15px;
	}
	.roadmap_here:before {
		right: auto;
		left: 13px;
	}
	.snRoad .RoadInSn {
		width: 100%;
		float: none;
		padding-left: 32px;
		padding-right: 0px;
	}
	.roadmap_here {
	    padding-left:0px;
	}
	.RoadInSn {
	    width: 100%;
	    text-align: left;
	}
	.high {
		right: auto;
		left: -20px;
	}
	.RoadInSn li i {
		right: auto;
		left: -42px;
	}
	.RoadInSn {
		padding-bottom: 25px;
	}

	.social_ab a {
	    font-size: 15px;
	}
	.communitySection .social_ab a {
	    padding: 0px 5px;
	}
	.fLinks {
		margin-top: 25px;
	}
	.logo_content img {
		display: none;
	}
	.contentSections.sliderSection {
    	padding-top: 110px;
	}
	.contentSections.sliderSection br {
		display: none;
	}
	.f18 p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.f18 {
    	width: 100%;
	}
	.mainRound .snValue h5 {
    	font-size: 31px;
	}
	.snTeam img {
        width: 120px;
	}	
	.navbar-default .navbar-nav li.navbtn a {
		margin-left: 0px;
		margin-top: 10px;
	}
	.signHere {
    	width: 100%;
    	margin-top: 0px;
	    border-radius: 10px;
    	padding: 17px 10px;
	}
	.sliderSection.signSection  .content {
	    margin-bottom: 0px;
	}
	.registerHere .form-group {
	    width: 100%;
	    float: none;
	    margin: 10px 0.5%;
	}
	.signHere h4 {
	    font-size: 20px;
	}
	.videoIn h3 {
	    padding: 80px 0px;
	}
	.navbar-header::before {
    	width: 250px;
	}
	.mainRound {
		display: block;
	}
	.mainRound .snValue h5 {
	    font-size: 18px;
	}
	.panel-default {
	    border-radius: 0px !important;
	    padding: 14px 19px;
	}
	.plus_minus {
    	top: -5px;
    	right: -7px;
	}
	.navbar-collapse {
		margin-top: 15px;
	}
	html body .navbar-default .navbar-nav .dropdown-menu {
		min-width: 100% !important;
		opacity: 1;
		position: relative !important;
		float: none !important;
	    padding: 0px !important;
	}
	.dropdown.open .dropdown-menu{
		display: none;
	}
	.dropdown:hover .dropdown-menu{
		display: block;
	}
	.navbar-nav {
		display: block;
	}
	html body .navbar-default .navbar-nav .open .dropdown-menu>li>a, html body .navbar-default .navbar-nav .dropdown-menu>li>a {
	    color: #333;
	    margin-top: 0px !important;
	        padding: 11px 15px !important;
	        line-height: 24px !important;
	}

	.submenuMain .dropdown-menu {
	    right: auto;
	    left: 0px;
	    top: 0px;
	    display: none !important;
	    border-radius: 0px !important;
	}
	.submenuMain.open .dropdown-menu {
		display: block !important;
	}
	.row.s-flex {
		flex-wrap: wrap;
	}
	.navbar-default .navbar-nav li.navbtn:nth-child(odd) a.homebuttons, html body .navbar-default .navbar-nav li.navbtn>a.homebuttons.smallBtnshape, .a_btn a.homebutton.smallBtnshape, .navbar-default .navbar-nav li.navbtn>a {
		clip-path: initial !important;
	}
	.navbar-default .navbar-nav li.navbtn:nth-child(odd) {
	    position: relative;
	    right: 0px;
	}
	.navbar-header {
		position: relative;
    	z-index: 9;
	}
	.navbar-collapse {
	}
	.titleh3 {
	    font-size: 32px !important;
	}
	.toSecIn .row.s-flex>div {
		width: 100%;
		text-align: center;
	} 
	.toSecIn .cont.text-left, .logoInfo{
	    text-align: center;
	}
	.logoInfo img {
		margin: auto;
		    margin-bottom: 15px;
	}
	.fMLink {
		margin-top: 25px;
	}
	.datepicker {
		margin-bottom: 10px;
	}
	a.navbar-brand.logo {
    	padding-left: 15px;
	}
	.homesliderSection img.animation {
	    width: 80%;
	    margin: auto;
	}
	
	#toggleButton {
	    font-size: 21px;
	    position: absolute;
	    right: 15px;
	    top: 13px;
	}
	.collapse.navbar-collapse {
	    display: block;
	    position: fixed;
	    height: 100%;
	    top: 0px;
	    left: -1500px;
	    width: 100%;
	    margin: 0px;
	    padding-top: 75px;
		transition: all 0.5s ease-in-out;
	}
	.Activemenu .collapse.navbar-collapse {
	    left: -00px;
	            overflow: auto;
	}
	#toggleButton .fa-xmark {
		display: none;
	}
	.Activemenu #toggleButton .fa-xmark {
		display: block;
	}
	.Activemenu #toggleButton .fa-bars-staggered {
		display: none;
	}
	.a_btn a, .a_btn button, .btn-primary, .btn {
		    padding: 15px 25px;
	}
	.navbar-default .navbar-nav li.navbtn.odd {
	    right: 0px;
	}
   	.navbar-default .navbar-nav li.navbtn.odd a.homebuttons {
        clip-path: inherit !important;
    }
    .Activemenu #toggleButton {
        position: fixed;
        right: 15px;
        top: 33px;
    }
    img.ss {
    	width: 34px;
    }
    img.ss.s2, img.ss.s4 {
    	top: 350px;
    }
    img.ss.s1, img.ss.s2{
    	left: 8%;
	}
	img.ss.s3, img.ss.s4 {
		right: 5%;
	}
	.slick-slide {
	  padding-left: 35px;
	}
	.snROadmap {
	  margin-left: 0px;
	}
	.shaprHere:before {
	    clip-path: polygon(0 2%, 100% 0%, 100% 98%, 0% 100%);
	    top: 60px;
	}
	.contentSection img {
		margin-bottom: 15px;
		margin: auto;
	}
	.contentSection {
		/*text-align: center;*/
	}
	.roadmapSection {
		overflow: hidden;
	}
	.timerHere {
		width: 100%;
	}
	.tourSec {
    	padding: 5px;
	}
	.tourSecIn {
	    padding: 30px 12px;
	}
}

@media (max-width: 767px) {
	.contentSection img {
		width: 250px;
	}
	.fMLink .d-flex {
		justify-content: center !important;
	}
	.contentSections .titleh3 {
		margin-bottom: 5px;
	}
	.table-responsive {
		overflow: auto;
	}
	.bgwhiteImpo p.yellowText {
	    font-weight: 700;
	}
	.timebg2 {
		padding: 20px;
	}
	#clockdiv>span {
		margin-bottom: 5px;
	}
	.btn {
    	white-space: inherit;
	}
	.valCon.table-responsive {
		border: 0px;
		margin: 0px;
	} 
	.valCon h6 {
		margin-bottom: 0px;
		margin-top: 0px !important;
	}
	.Sliderr .item img {
    	height: 18px !important;
	}
	.w-75 {
		width: 100%;
	}
	a.navbar-brand.logo {
        padding-left: 0px;
    }
    .second .snContract1 {
    	justify-content: end !important;
	}
	.international-tour-section h2 {
	    font-size: 28px !important;
	}
	#toggleButton {
		color: #fff;
	}
	#toggleButton .fa-xmark {
		color: #fff;
	}
	.navbar-header {
		padding-left: 15px;
	}
	#clockdiv>span {
	    padding: 10px 2px !important;
	}
	.boxPhases  .valCon {
		margin-bottom: 10px;
	}
	.boxPhases, .bgwhiteImpo.snContract.boxPhases {
    	padding: 20px 10px;
	}
	.boxPhases, .bgwhiteImpo.snContract.boxPhases {
	    margin-top: 50px;
	}
	.timeMainChange.timerHere p.ttile {
	    font-size: 16px;
	    font-weight: 500;
	    line-height: normal;
	}
	.striph1 {
        line-height: 19px !important;
	}
	#clockdiv>span {
		width: 56px !important;
	}
	p#clockdiv {
	    font-size: 12px;
	}
	#clockdiv>span span {
	    font-size: 20px;
	    line-height: normal;
	}
	#clockdiv>span {
	    margin: 0px;
	}
	.international-tour-section:after {
	    background-position: center;
	    background: #060606;
	}
	.international-tour-section {
    	padding: 21px 15px;
	}
	.international-tour-section .mt {
	    margin-top: 0px;
	}
    .ordermob2 {
        margin-top: 5px;
    }
    .snContract1 .valCon {
	    justify-content: center;
	}
	.international-tour-section .snContract1, .international-tour-section .second .snContract1 {
    	text-align: center;
	}
	.dashboard-btn button {
		width: 100%;
		margin-right: 0px;
	}
	.boxPhases2 {
    	padding: 17px;
	}
    .content h3 {
        font-size: 26px;
    }
    .a_btn a, .a_btn button, .btn-primary, .btn {
        padding: 10px 25px;
    }
    .signSection .form-control, .form-control, .date_range_filter {
    	padding: 6px 15px;
	}
	.flex-mob-wrap {
		flex-wrap: wrap;
	}
    .titleh3 {
        font-size: 22px !important;
    }
    .dashSection .content h3 {
	    margin-bottom: 0px !important;
	}
	.dashSection .snContract {
	    border-radius: 10px;
	}
	.dotul {
	    width: 100%;
	}
	.fMLink .linF  {
		width: 50%;
	}
	.linF a {
    	padding: 21px 10px;
    	display: block;
	}
    h4 {
        font-size: 20px;
        line-height: normal;
    }
    .f20 {
	    font-size: 18px;
	}
}

@media (max-width: 500px) {
	.mainRound>div {
	    width: 100%;
	}
}