First Commit

_static/assets/LESS/LESS_BS3/smarty/layout-responsive.less

@@ -0,0 +1,124 @@
+
+/** Responsive
+ **************************************************************** **/
+@media only screen and (max-width: 992px) {
+	#header.header-sm #topNav button.btn-mobile {
+			margin-top:16px;
+	}
+	#header.header-sm #topNav button.btn-mobile {
+			margin-top:11px;
+	}
+	#topNav #topMain>li.mega-menu div.row div {
+		display:block !important;
+		border:0 !important;
+	}
+	.block-md {
+		display:block;
+	}
+	.text-center-md {
+		text-align:center !important;
+		float:none !important;
+	}
+
+	#header .nav-second-main .quick-cart-box, 
+	#header .nav-second-main .search-box {
+		box-shadow:none !important;
+	}
+
+
+	/* fullwidth button fix */
+	body>.btn.fullwidth,
+	#wrapper>.btn.fullwidth {
+		padding-top:0!important;
+		padding-bottom:20px!important;
+
+		white-space: pre;           /* CSS 2.0 */
+		white-space: pre-wrap;      /* CSS 2.1 */
+		white-space: pre-line;      /* CSS 3.0 */
+		white-space: -pre-wrap;     /* Opera 4-6 */
+		white-space: -o-pre-wrap;   /* Opera 7 */
+		white-space: -moz-pre-wrap; /* Mozilla */
+		white-space: -hp-pre-wrap;  /* HP Printers */
+		word-wrap: break-word;      /* IE 5+ */
+	}
+	body>.btn.fullwidth>span,
+	#wrapper>.btn.fullwidth >span {
+		line-height:30px !important;
+	}
+
+}
+
+@media only screen and (max-width: 768px) {
+	img.img-responsive {
+		float: none !important;
+	}
+
+	#header.fixed {
+		position:fixed;
+	}
+	
+	#header.transparent + #slider h1 {
+		margin-top:80px !important;
+	}
+	section div.row>div {
+		margin-bottom:60px;
+	}
+	section div.row.lightbox>div {
+		margin-bottom:0;
+	}
+	section form div.row>div.form-group>div,
+	section form div.row>div {
+		margin-bottom:15px;
+	}
+	section form div.row>div.form-group>div:last-child,
+	section form div.row>div:last-child {
+		margin-bottom:0;
+	}
+
+	.block-sm {
+		display:block;
+	}
+	.text-center-md {
+		text-align:center !important;
+	}
+	
+	form.landing-form >div {
+		margin-bottom:5px !important;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.mobile-block {
+		display:block;
+		float:none !important;
+		position:relative;
+	}
+	.mobile-block>.social-icon {
+		float:none !important;
+	}
+	.block-xs {
+		display:block;
+	}
+	.text-center-xs {
+		text-align:center !important;
+		float:none !important;
+	}
+	.modal-short {
+		max-height: 320px;
+		overflow: auto;
+	}
+	
+	.size-50 {
+		font-size:30px !important;
+		line-height:36px !important;
+	}
+	.size-40 {
+		font-size:30px !important;
+		line-height:36px !important;
+	}
+	.size-30 {
+		font-size:23px !important;
+		line-height:26px !important;
+	}
+
+}