@media only screen and (min-width:150px) and (max-width:480px) {
.order-1 {-ms-flex-order:1; order:1}
.order-2 {-ms-flex-order:3; order:3}
.order-3 {-ms-flex-order:2; order:2}
.sk {height:auto;}

.menu-div {padding:0px; margin:0px auto; width:auto; height:auto; float:none; position:absolute; right:15px; top:15px;}
#cssmenu {width: 100%; padding:20px;}
#cssmenu ul {width: 100%; display: block !important;}
#cssmenu > ul > li > a {padding:15px 10px; font-size:20px; color:#FFF; text-align:left; margin:10px auto;}
#cssmenu ul li ul {width: 100%; display: none !important;}
#cssmenu ul li ul.open {width: 100%; display: block !important;}
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul {text-align: left;}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li {width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul li a,
#cssmenu ul ul li a {width: 100%;}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li {float: none; display: block;}
#cssmenu ul ul li a {padding: 20px 20px 20px 30px; font-size: 14px; color: #7e889b; background-color: transparent; font-weight: 600;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {background-color: transparent; color: #FFF;}
#cssmenu ul ul ul li a {padding-left: 40px;}
#cssmenu ul ul,
#cssmenu ul ul ul {position: relative; left: 0; right: auto; width: 100%; margin: 0;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {display: none;}
#menu-line {display: none;}
#cssmenu #menu-button {display: block; padding: 0px; color: #FFF; cursor: pointer; font-size: 0px; text-transform: uppercase;}
#cssmenu #menu-button::after {content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 0px; background: #FFF;}
#cssmenu #menu-button::before {content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 0px solid #FFF;border-bottom: 0px solid #FFF;}
#cssmenu .submenu-button {position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height:45px; width: 52px; cursor: pointer;}
#cssmenu .submenu-button::after {content: ''; position: absolute; top:19px; left:24px; display: block; width: 1px; height: 11px; background: #FFF; z-index: 99;}
#cssmenu .submenu-button::before {content: ''; position: absolute; left:19px; top:24px; display: block; width: 11px; height: 1px; background: #FFF; z-index: 99;}
#cssmenu .submenu-button.submenu-opened:after {display: none;}

/*.header {background-color:#7ed4ed; position:relative; left:inherit; top:inherit; padding:0px;}*/
.fixed {position:relative; animation:inherit; height:100%; z-index:99; background:#FFF;}
.menu-div .mmenu {font-size:20px; cursor:pointer;}
.menu-div .mmenu::before {font-family: 'FontAwesome'; content:"\f038"; color:#0d486a; margin:0px;}
.menu-div .sidenav {height: 100%; width: 0; position: fixed; z-index:999; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding:0px; background:rgba(0,0,0,0.9);}
.menu-div .sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s;}
.menu-div .sidenav a:hover {color: #fff;}
.menu-div .sidenav .closebtn {position:absolute; top:0px; right:0px; font-size:16px; margin-left:0px; z-index:999; padding:20px 30px;}
.menu-div .sidenav .closebtn::before {font-family: 'FontAwesome'; content: "\f00d"; color:#fff; margin:0px;}

.logo {width:40%; padding:10px 0px; margin:0px; position:relative; z-index:99;}
.fixed .logo {width:100%; padding:10px 0px; margin:0px;}
.fixed .logo img {filter:inherit;}

.logo2 {width:60%; padding:10px 0px; margin:0px auto; position:relative; z-index:99; float:none;}
.fixed .logo2 {width:100%; padding:10px 0px; margin:0px;}
.fixed .logo2 img {filter:inherit;}

.fixed #cssmenu > ul > li > a {padding:15px 10px; font-size:20px; color:#FFF; text-align:left; margin:0px auto;}
.fixed #cssmenu > ul > li:hover > a,
.fixed #cssmenu > ul > li.active > a {color: #7ED4ED;}
.fixed #cssmenu > ul > li.has-sub > a::after {top: 31px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
.fixed #cssmenu > ul > li.has-sub:hover > a::after {border-color: #F03;}


body, p, .Copyright {font-size:15px; line-height:22px;}
.Copyright {margin-top:15px; text-align: center;}

.title1, .title3{font-size:20px; line-height:30px; margin:15px 0px; padding:0px;}
.title2 {font-size:18px; line-height:22px;}

.bannersec {width:100%; height:100%; height:auto;}
.bannersec img {width:100%; height:100%;}

.bannersec .carousel-caption h3, .bannersec .carousel-caption h4, .bannersec .carousel-caption p {margin:5px; font-size:15px; line-height:20px;}
.bannersec .carousel-caption h4 {font-size:20px; line-height:25px;}
.bannersec .carousel-caption p { font-size:14px; line-height:22px; }
.bannerbut {padding:5px 10px; margin:5px;}
.bannerform {padding:15px; margin:0px auto; width:90%; position:inherit; left:0px; right:0px; }
.bannerform input, .bannerform textarea, .bannerform select {font-size:14px; padding:5px 15px; margin:5px auto;}
.bannerform .submit {padding:5px 30px; margin:5px 0px;}
.tfgf {margin:20px auto;}
.tfgf ul li {padding:20px 10px; margin:10px; width:44%; min-height:130px;}
.tfgf ul li img {width:40px;}
.tfgf ul li h3 {padding:5px 0px; font-size:14px; line-height:20px;}
#Overview, #Amenities, #FloorPlans, #ContactUs, #TopSellingEngines, #Easy3StepProcess {padding:20px 0px;}
.opmdiv {padding:20px 30px;}
.flogo1 {padding:15px 0px; width:50%; display:block;}
footer {padding:25px 0px 0px 0px;}
.wellcome-popup .delayedPopupWindow {width:300px; top: 5%;}
}


@media only screen and (min-width:481px) and (max-width:767px) {
.order-1 {-ms-flex-order:1; order:1}
.order-2 {-ms-flex-order:3; order:3}
.order-3 {-ms-flex-order:2; order:2}
.sk {height:auto;}

.menu-div {padding:0px; margin:0px auto; width:auto; height:auto; float:none; position:absolute; right:15px; top:15px;}
#cssmenu {width: 100%; padding:20px;}
#cssmenu ul {width: 100%; display: block !important;}
#cssmenu > ul > li > a {padding:15px 10px; font-size:20px; color:#FFF; text-align:left; margin:10px auto;}
#cssmenu ul li ul {width: 100%; display: none !important;}
#cssmenu ul li ul.open {width: 100%; display: block !important;}
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul {text-align: left;}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li {width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul li a,
#cssmenu ul ul li a {width: 100%;}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li {float: none; display: block;}
#cssmenu ul ul li a {padding: 20px 20px 20px 30px; font-size: 14px; color: #7e889b; background-color: transparent; font-weight: 600;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {background-color: transparent; color: #FFF;}
#cssmenu ul ul ul li a {padding-left: 40px;}
#cssmenu ul ul,
#cssmenu ul ul ul {position: relative; left: 0; right: auto; width: 100%; margin: 0;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {display: none;}
#menu-line {display: none;}
#cssmenu #menu-button {display: block; padding: 0px; color: #FFF; cursor: pointer; font-size: 0px; text-transform: uppercase;}
#cssmenu #menu-button::after {content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 0px; background: #FFF;}
#cssmenu #menu-button::before {content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 0px solid #FFF;border-bottom: 0px solid #FFF;}
#cssmenu .submenu-button {position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height:45px; width: 52px; cursor: pointer;}
#cssmenu .submenu-button::after {content: ''; position: absolute; top:19px; left:24px; display: block; width: 1px; height: 11px; background: #FFF; z-index: 99;}
#cssmenu .submenu-button::before {content: ''; position: absolute; left:19px; top:24px; display: block; width: 11px; height: 1px; background: #FFF; z-index: 99;}
#cssmenu .submenu-button.submenu-opened:after {display: none;}

/*.header {background-color:#7ed4ed; position:relative; left:inherit; top:inherit; padding:0px;}*/
.fixed {position:relative; animation:inherit; height:100%; z-index:99; background:#FFF;}
.menu-div .mmenu {font-size:20px; cursor:pointer;}
.menu-div .mmenu::before {font-family: 'FontAwesome'; content:"\f038"; color:#0d486a; margin:0px;}
.menu-div .sidenav {height: 100%; width: 0; position: fixed; z-index:999; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding:0px; background:rgba(0,0,0,0.9);}
.menu-div .sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s;}
.menu-div .sidenav a:hover {color: #fff;}
.menu-div .sidenav .closebtn {position:absolute; top:0px; right:0px; font-size:16px; margin-left:0px; z-index:999; padding:20px 30px;}
.menu-div .sidenav .closebtn::before {font-family: 'FontAwesome'; content: "\f00d"; color:#fff; margin:0px;}

.logo {width:40%; padding:10px 0px; margin:0px; position:relative; z-index:99;}
.fixed .logo {width:100%; padding:10px 0px; margin:0px;}
.fixed .logo img {filter:inherit;}

.logo2 {width:60%; padding:10px 0px; margin:0px auto; position:relative; z-index:99; float:none;}
.fixed .logo2 {width:100%; padding:10px 0px; margin:0px;}
.fixed .logo2 img {filter:inherit;}

.fixed #cssmenu > ul > li > a {padding:15px 10px; font-size:20px; color:#FFF; text-align:left; margin:0px auto;}
.fixed #cssmenu > ul > li:hover > a,
.fixed #cssmenu > ul > li.active > a {color: #7ED4ED;}
.fixed #cssmenu > ul > li.has-sub > a::after {top: 31px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
.fixed #cssmenu > ul > li.has-sub:hover > a::after {border-color: #F03;}


body, p, .Copyright {font-size:15px; line-height:22px;}
.Copyright {margin-top:15px; text-align: center;}

.title1, .title3{font-size:20px; line-height:30px; margin:15px 0px; padding:0px;}
.title2 {font-size:18px; line-height:22px;}

.bannersec {width:100%; height:100%; height:auto;}
.bannersec img {width:100%; height:100%;}

.bannersec .carousel-caption h3, .bannersec .carousel-caption h4, .bannersec .carousel-caption p {margin:5px; font-size:15px; line-height:20px;}
.bannersec .carousel-caption h4 {font-size:20px; line-height:25px;}
.bannersec .carousel-caption p { font-size:14px; line-height:22px; }
.bannerbut {padding:5px 10px; margin:5px;}
.bannerform {padding:15px; margin:0px auto; width:90%; position:inherit; left:0px; right:0px; }
.bannerform input, .bannerform textarea, .bannerform select {font-size:14px; padding:5px 15px; margin:5px auto;}
.bannerform .submit {padding:5px 30px; margin:5px 0px;}
.tfgf {margin:20px auto;}
.tfgf ul li {padding:20px 10px; margin:10px; width:44%; min-height:130px;}
.tfgf ul li img {width:40px;}
.tfgf ul li h3 {padding:5px 0px; font-size:14px; line-height:20px;}
#Overview, #Amenities, #FloorPlans, #ContactUs, #TopSellingEngines, #Easy3StepProcess {padding:20px 0px;}
.opmdiv {padding:20px 30px;}
.flogo1 {padding:15px 0px; width:50%; display:block;}
footer {padding:25px 0px 0px 0px;}
.wellcome-popup .delayedPopupWindow {width:300px; top: 5%;}
}