@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1225px) and (max-width: 1280px) {
}
@media only screen and (min-width: 320px) and (max-width: 1224px) {
	.SecondaryNavigationWrap .jcarousel-control-prev,
	.SecondaryNavigationWrap .jcarousel-control-next {
		display: block;
	}
	.SecondaryNavigationWrap .InnerContainWrapper {
		width: 300px !important;
		max-width: 100% !important;
	}
	.SecondaryNavigationWrap + div .InnerContainWrapper,
	.SecondaryNavigationWrap + section .InnerContainWrapper{
		padding-top: 0px;
	}
	.SecondaryNavigationWrap + .testimonial-container .InnerContainWrapper,
	.SecondaryNavigationWrap + .AboutWrapper .InnerContainWrapper{
		padding-top: 40px;
	}
	.PhoneImg {
		text-align: left;
	}
	.FooterWrap .InnerContainWrapper {
		padding: 12px 0px 70px;
	}
	.testimonial-container .InnerContainWrapper {
		padding: 40px 0;
	}
	.MainWrapper,
	.Footer,
	.TopMainWrapper,
	.IdxContainWrapper,
	.InnerContainWrapper {
		width: 94% !important;
	}
	img,
	.EditorText img {
		max-width: 100%;
	}

	/*-- responsive menu css start */
	.HomeTop,
	/* .StickyBtns .FillRedBtn, */
	.ContactWrapper::before {
		display: none !important;
	}
	.TopHeader {
		position: relative;
		z-index: 999;
		background-color: var(--blue-color);
	}
	.ResponsiveLogo,
	.TopArrow {
		display: block !important;
	}
	.menu {
		clear: both;
		min-width: inherit;
		float: none;
		display: block;
		width: 100%;
		text-align: left;
	}
	.IdxVideoWrap,
	.IdxHeaderBg,
	.InnerHeaderBg {
		margin-top: 0px;
	}
	.IdxHeaderBg .slides li,
	.InnerHeaderBg {
		background-image: none !important;
		min-height: inherit !important;
		height: inherit;
	}
	.IdxHeaderBg .slides li .ResImg,
	.InnerHeaderBg .ResImg {
		display: block !important;
		line-height: 0;
	}
	.ContctInfoWrapper .LeftWrap,
	.ContctInfoWrapper .RightWrap {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
	}
	.ContctInfoWrapper .LeftWrap .InnerWrap {
		float: none;
		display: block;
		width: 94%;
		padding: 40px 0px;
		margin: 0 auto;
	}
	.FooterColHeight {
		min-height: inherit !important;
	}
	.ContctInfoWrapper iframe {
		height: 400px !important;
	}
	.FooterWrap,
	.WelcomeWrapper .DescWrap,
	.WelcomeWrapper .DescWrap {
		text-align: center;
	}
	.InnerHeaderTitleWrap .TitleCol,
	.ProductMainWrapper .TitleDescWrapper .TitleCol,
	.ProductMainWrapper .TitleDescWrapper .DescWrap,
	.ThinkInsideTheBoxWrapper .TitleDescWrap .TitleCol,
	.ThinkInsideTheBoxWrapper .TitleDescWrap .DescWrap,
	.HeaderTitleWrap .TitleCol {
		width: 100%;
		display: block;
		align-items: center;
		min-height: inherit;
		float: none;
		margin-bottom: 20px;
	}
	.AboutWrapper .DescWrap,
	.WelcomeWrapper .DescWrap,
	.ProductMainWrapper .TitleDescWrapper .TitleCol,
	.ProductMainWrapper .TitleDescWrapper .DescWrap,
	.ThinkInsideTheBoxWrapper .TitleDescWrap .TitleCol,
	.ThinkInsideTheBoxWrapper .TitleDescWrap .DescWrap,
	.HeaderTitleWrap h2.PageTitle {
		text-align: center;
	}
	.InnerHeaderTitleWrap .HeaderBtnCol,
	.InnerHeaderTitleWrap .TitleCol,
	.HeaderTitleWrap .HeaderBtnCol {
		float: none;
		text-align: center;
	}
	.InnerHeaderTitleWrap h2.PageTitle,
	.HeaderTitleWrap h2.PageTitle {
		line-height: 1.2;
	}
	.HeaderTitleWrap .InnerContainWrapper{
		padding: 30px 0px 45px;
	}
	.InnerHeaderTitleWrap .InnerContainWrapper {
		padding:10px 0px 28px;
	}
	.ThinkInsideTheBoxWrapper .ThreeBoxWrap ul li {
		width: 335px;
		margin: 10px !important;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li {
		margin: 10px !important;
	}
	.AboutWrapper .ImgWrap,
	.WelcomeWrapper .ImgWrap {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.ThinkInsideTheBoxWrapper .TitleDescWrap {
		width: 100%;
	}
	.ThinkInsideTheBoxWrapper .TitleDescWrap .TitleCol h2.Title,.LandingTitle,
	h2.Title {
		font-size: 35px;
	}
	.RedSepLine {
		margin: 10px auto;
	}
	.box,
	.box2 {
		width: 94% !important;
		margin-left: -47% !important;
	}
	.OverlayWrapper {
		padding: 30px 10px 10px;
	}
	.g-recaptcha {
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		-moz-transform-origin: 0;
		-ms-transform-origin: 0;
		-o-transform-origin: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 0 0;
		transform-origin: 0;
		filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.80, M12=0, M21=0, M22=0.80, SizingMethod='auto expand');
	}
	.SecondaryNavigationWrap ul li {
		/* margin: 7px 5px !important; */
	}
	.StaffList ul li {
		margin: 10px;
	}
	.BottomWelcomeWrapper .RedSepLine {
		margin: 15px auto;
	}
	.SecondaryNavigationWrap ul li .ImgWrap {
		padding: 10px 20px;
		justify-content: center;
	}
	.BioInfoWrap,
	.TeamDetailsPopUpWrap .AuthorName,
	.SecondaryNavigationWrap ul li h5.Title {
		text-align: center;
	}
	.BioImgWrap {
		float: none;
		margin: 0 auto 20px;
		text-align: center;
		display: block;
	}
	.TeamDetailsPopUpWrap {
		padding: 40px 10px;
	}
	.TeamDetailsPopUpWrap .boxclose2 {
		top: -5px !important;
		right: -3px !important;
	}
	.ProductMainWrapper .TitleDescWrapper .RedSepLine {
		margin: 20px auto 0px;
	}
	.ProductListWrap ul li {
		width: 330px;
		margin: 20px 8px;
	}
	.ContactWrapper .InnerContainWrapper {
		padding: 50px 0px;
	}
	.OnlyShortDescWrap h4.Title br {
		display: none;
	}
	.product-container .flex {
		flex-direction: column;
	}
	.product-container .details {
		padding: 40px 2% 0;
		text-align: center;
	}
	.gallery-wrap {
		max-width: 675px;
		margin: 0 auto;
	}
	.StickyBtns {
		/* display: none; */
	}
	.StickyBtns .FSocialIcon {
	    margin: 0 0 0 0px;
	}
	.FSocialIcon .fa-stack {
	    width: 37px;
	    height: 37px;
	    line-height: 37px;
	}
	.ThinkInsideTheBoxWrapper + .WelcomeWrapper .InnerContainWrapper{
		padding-top: 0px;
	} 
	.NewLandWrapper{
		text-align: center;
	} 
	.NewLandWrapper .Table {
	    display:block;
	}
	.NewLandWrapper .LeftFloat {
	    float: none;
	    padding-right: 0;
	    line-height: 0;
	    margin: 0 auto 20px;
	}

}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	h3.Title {
		font-size: 30px;
	}
	.testimonial-container .Col {
		padding: 45px 30px 40px;
	}
	.testimonial-container .Col .desc {
		font-size: 16px;
	}
	.HeaderBtnWarp {
		text-align: center;
		position: relative;
		z-index: 1;
		width: 100%;
		bottom: 0px;
		background-color: #e42133;
	}
	.HeaderBtnWarp .FillRedBtn {
		display: block;
	}
}
@media only screen and (min-width: 481px) and (max-width: 667px) {
	.testimonial-container .Col .desc {
		font-size: 16px;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li .Col .ImgWrap {
		width: 100%;
		display: block;
		vertical-align: top;
		float: none;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li {
		width: 275px;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li .Col .DescWrap {
		width: calc(100% - 0px);
		display: block;
		padding: 25px;
	}

	.FormWrapper .Col3 {
		width: 49.4%;
	}
	.FormWrapper .Col5 {
		width: 100%;
	}
	.FormWrapper .Col2 {
		width: 49.4%;
	}
	.FormWrapper .Col1 {
		line-height: 0;
	}
	.SecurityCode.Col2 {
		padding: 0px;
	}
	.testimonial-container .Col {
		padding: 45px 30px 40px;
	}
	.PhoneImg {
		text-align: left;
	}
	.PhoneImg .PhoneWrap {
		display: block;
	}
	.PhoneImg a,
	.PhoneImg {
		font-size: 14px;
		line-height: 26px;
	}
	.PhoneImg i {
		font-size: 16px;
		line-height: 15px;
		margin: 6px 0px 0px 0px;
	}
	a.menu-link {
		margin-top: 26px;
	}
	.menu,
	.menu > ul ul {
		top: 72px;
	}
	.HeaderBtnWarp {
		text-align: center;
		position: relative;
		z-index: 1;
		width: 100%;
		bottom: 0px;
		background-color: #e42133;
	}
	.HeaderBtnWarp .FillRedBtn {
		display: block;
	}
	.PhoneImg br {
		display: none;
	}
	.AboutWrapper .ImgWrap iframe{
		width: 452px !important;
    	height: 264px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.PhoneImg br {
		display: none;
	}
	.PhoneImg span {
		/* font-size: 12px; */
	}
	.testimonial-container .InnerContainWrapper {
		width: 96% !important;
	}
	.testimonial-container .Col .desc {
		padding: 0;
		text-align: center;
		font-size: 15px;
	}
	.testimonial-container .Col .desc::before {
		position: static;
		display: block;
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}
	.testimonial-container .Col {
		padding: 25px 20px 20px;
	}
	.ContctInfoWrapper iframe {
		height: 300px !important;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li .Col .ImgWrap {
		width: 100%;
		display: block;
		vertical-align: top;
		float: none;
		    text-align: left;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li {
		width: 100%;
		display: block;
		margin: 0 auto 15px !important;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li .Col .DescWrap {
		width: calc(100% - 0px);
		display: block;
		padding: 25px;
	}
	.ProductThreeColHeight,
	.ProductTwoColHeight {
		min-height: inherit !important;
	}
	.ThinkInsideTheBoxWrapper .ThreeBoxWrap ul li .Col .ImgWrap {
		position: inherit;
		bottom: inherit;
		left: inherit;
		width: 100%;
		text-align: left;
	}
	.ThinkInsideTheBoxWrapper .ThreeBoxWrap ul li .Col {
		padding-bottom: 0;
	}
	.ThinkInsideTheBoxWrapper .ThreeBoxWrap ul li {
		width: 100%;
		margin: 0px auto 15px !important;
		display: block; 
		text-align: center;
	}
	.ThinkInsideTheBoxWrapper .TitleDescWrap .TitleCol h2.Title,.LandingTitle,
	h2.Title {
		font-size: 28px;
	}
	.HeaderTitleWrap h2.PageTitle,
	h3.Title {
		font-size: 25px;
	}
	.ThinkInsideTheBoxWrapper .RedSepLine {
		margin: 10px auto 15px;
	}
	.ThinkInsideTheBoxWrapper .WhoBoxWrap ul li .Col {
		text-align: center;
	}
	h4.Title {
		font-size: 28px;
	}
	h5.Title {
		font-size: 20px;
	}

	.FormWrapper .Col1,
	.FormWrapper .Col2,
	.FormWrapper .Col3,
	.FormWrapper .Col4,
	.FormWrapper .Col5 {
		width: 100%;
		display: block;
		padding: 8px 0px;
	}
	.SecurityCode.Col2 {
		padding: 0px;
	}
	.SubmitBtn.TAR {
		text-align: center;
	}
	.ThanksMsg {
		font-size: 17px;
	}
	.HeaderTitleWrap .InnerContainWrapper,
	.InnerHeaderTitleWrap .InnerContainWrapper {
		padding: 8px 0px 20px;
	}
	h2.PageTitle {
		font-size: 24px;
	}
	.InnerHeaderTitleWrap .TitleCol {
		margin-bottom: 10px;
	}
	.StaffList ul li {
		width: 300px;
		display: block;
		margin: 0px auto 25px !important;
	}
	.StaffList ul li:last-child {
		margin: 0px auto 0px !important;
	}
	.StaffList ul li .Col .Email {
		top: 325px;
	}
	.BioInfoWrap .PhoneCol,
	.BioInfoWrap .EmailCol a {
		line-height: 1.2;
	}
	.ProductListWrap ul li {
		width: 300px;
		margin: 0 auto 20px;
		display: block;
	}
	.ProductListWrap ul li h4.Title {
		text-align: center;
	}
	h6.SubTitle br {
		display: none;
	}
	.PhoneImg {
		text-align: left;
	}
	.PhoneImg .PhoneWrap {
		display: block;
	}
	.PhoneImg a,
	.PhoneImg {
		font-size: 14px;
		line-height: 26px;
	}
	.PhoneImg i {
		font-size: 16px;
		line-height: 15px;
		margin: 6px 0px 0px 0px;
	}
	a.menu-link {
		margin-top: 26px;
	}
	.menu,
	.menu > ul ul {
		top: 72px;
	}
	.HeaderBtnWarp {
		text-align: center;
		position: relative;
		z-index: 1;
		width: 100%;
		bottom: 0px;
		background-color: #e42133;
	}
	.HeaderBtnWarp .MainWrapper{
		width: 100% !important;
	}
	.IdxHeaderBg .flex-control-nav {
	    bottom: 0px; 
	}
	.HeaderBtnWarp .FillRedBtn {
		display: block;
	}
	.SecondaryNavigationWrap .InnerContainWrapper {
		padding: 40px 30px;
	}
	.StickyBtns .FillRedBtn a { 
		font-size: 12px;
		padding: 4px 14px 4px;
	}
	.AboutWrapper .ImgWrap iframe{
		width:100% !important;
    	height: 178px; 
	}
	.HeaderBtnCol .FillRedBtn a {
	    font-size: 14px;
	    padding: 10px 15px;
	}
}
