.mt { font-size: 16px; }
.mt .listArticle.row { margin: 0px }
.mt .mthide { display: none }
.mt .Logo { line-height: 50px }
.mt .Logo.mtCenter { text-align: center; }
.mt .Logo img { max-height: 50px }
.mt .SectionHeader, 
.mt .listArticle { padding-left: 15px; padding-right: 15px; }
.mt .label { color: initial; padding: 0px }
.mt .nivo-prevNav { opacity: 1 !important }
.mt .nivo-nextNav { opacity: 1 !important }
.mt button.ui-datepicker-trigger { position: absolute; right: 0px; bottom: 0px; background-image: url(/Content/Archive/406/calendar-190781.png); background-repeat: no-repeat; background-position: center center; width: auto }
.mt button.ui-datepicker-trigger:hover { background-image: url(/Content/Archive/406/calendar-190781.png); background-position: center center }
.mt button.ui-datepicker-trigger:active { background-image: url(/Content/Archive/406/calendar-190781.png); background-position: center center }
.mt .FullWidth .listArticle { padding: 0px }
.mt .HeaderFullWidth .listArticle { padding: 0px }
.mt .HeaderFullWidth .listArticle .Ingress, .mt .HeaderFullWidth .listArticle .Body { padding-left: 15px; padding-right: 15px }
.mt input[type="text"], .mt input[type="tel"], .mt input[type="password"], .mt input[type="email"], .mt input[type="number"], .mt select, .mt textarea {
	font-size: 16px;
}
.mt .container .listArticle.row {margin-left: -15px; margin-right: -15px; padding-left: 0; padding-right: 0}

/* Full Article and Article detail
-----------------------------------------------------------*/
.mt .ArticleDetails, .mt .fullArticleItem { padding-left: 15px; padding-right: 15px }
.mt .ArticleDetails .ArticleTitle { margin-bottom: 20px }

/* List menu
===============================================================================*/
.mt #FooterArea .TextOnly .MenuWrapper { padding-left: 15px; padding-right: 15px }

/*-- TextOnly for Menu and Category--*/
.mt .TextOnly > div, .mt .CategoryAccordianMobileWrapper { margin: 0px }
.mt .TextOnly .panel, 
.mt .TextOnly .panel-group, 
.mt .TextOnly .panel-heading, 
.mt .TextOnly .panel-title,
.mt .CategoryAccordianMobileWrapper .panel, 
.mt .CategoryAccordianMobileWrapper .panel-group, 
.mt .CategoryAccordianMobileWrapper .panel-heading, 
.mt .CategoryAccordianMobileWrapper .panel-title {
	margin: 0px;
    background: none;
    border: 0px;
    padding: 0px;
    border-radius: 0px;    
    box-shadow: none;
    font-weight: normal;
    font-size: inherit
}
.mt .TextOnly > div > .panel > .panel-heading { display: none }
.mt .TextOnly > div > .panel > div { display: block }

.mt .TextOnly > div > .panel > div .panel-body, .mt .CategoryAccordianMobileWrapper > .panel > div .panel-body { padding: 0px; border: 0px }
.mt .TextOnly .Menu .panel+.panel { margin-top: 6px }
.mt .Inline.TextOnly .Menu > .panel, .mt .TextOnly.Line .Menu > .panel { display: inline-block }
/*-- category --*/
.mt .CategoryAccordianMobileWrapper .panel-title a { display: block; }
.mt .CategoryAccordianMobileWrapper .caret { float: right; margin-top: 8px }
.mt .CategoryAccordianMobileWrapper form .panel-body .panel-title a { display: inline-block; } /*-- for Attribute --*/


/* MenuAccount
===============================================================================*/
.mt .MenuAccount > div > .panel > .panel-collapse { border: 0px; z-index: 10; width: 100vw; position: absolute; left: 0px; top: 50px; margin: 0px; background: #000 }
.mt .MenuAccount > div > .panel > .panel-collapse > .panel-body { padding: 0px; border: 0px }
.mt .MenuAccount > div > .panel > .panel-heading span { display: none }
.mt .MenuAccount .panel, 
.mt .MenuAccount .panel-group, 
.mt .MenuAccount .panel-heading, 
.mt .MenuAccount .panel-title {
	margin: 0px;
    background: none;
    border: 0px;
    padding: 0px;
    border-radius: 0px;    
    box-shadow: none;
    font-weight: normal;
    font-size: inherit;
}
.mt .MenuAccount > div > .panel > .panel-heading a { 
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0px; 
	display: block; 
	width: 50px; 
	background: url(/Content/Archive/406/ic1-114163.png) #000;
	height: 50px;
	background-size: 50px;
}
.mt .MenuAccount > div > .panel > .panel-heading a[aria-expanded="true"] { background-color: #000 }
.mt .MenuAccount .panel-collapse .Menu a { padding: 0px 15px; display: block; line-height: 42px; }


/* Custom form
===============================================================================*/
.mt .GenerateCustomFormPanel { padding-left: 15px; padding-right: 15px; margin-top: 15px; margin-bottom: 15px }


/* Search 25/01/2016
===============================================================================*/
.mt .Search form {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 100vw;
	transition: all 0.4s;
	padding: 0px;
	background: #f3f3f3;
	overflow: hidden;
	z-index: 10;
	height: 0px; 	
}
.mt .Search.active form { height: 50px }
.mt .Search .col-sm-12 { background: #f3f3f3; padding-top: 5px }
.mt .Search .input-group {display: block;position: relative;}
.mt .Search .input-group-btn { position: absolute; right: 0px; top: 0px; height: 100%; width: 60px }
.mt .Search input[type="text"] {
	margin: 0px !important;	
	background: #fff !important; /*<-- search color --*/
	color: #000 !important;
	border: 0px !important;
	padding: 0px 8px 0px 8px !important;
	height: 40px !important;
	box-shadow: none !important;
	float: none
}
/*-- Search button --*/
.mt .Search button[type="submit"], 
.mt .Search button[type="submit"]:before, 
.mt .SearchPadding:before, 
.mt .Search button[type="submit"]:after,
.mt .SearchPadding:after {
	content: "";
	position: absolute;
	display: block;
}
.mt .Search button[type="submit"] {
	bottom: 0px;
	right: 0px;	
	border-radius: 0px;
	font-size: 0px !important;
	height: 40px;
	width: 40px;
	margin: 0px !important;
	z-index: 62;
}
.mt .Search button[type="submit"]:before,
.mt .SearchPadding:before {
	width: 39%;
	height: 39%;
	border: 2px solid #fff; /*<-- o color --*/
	border-radius: 50%;
	top: 24%;
	right: 24%;
}
.mt .Search button[type="submit"]:after,
.mt .SearchPadding:after {	
	width: 26%;
	height: 5%;
	background: #fff; /*<-- o color --*/
	border-radius: 0px;
	bottom: 23.5%;
	left: 26%;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 0% 50%;
	transform: rotate(-45deg);
	transform-origin: 0% 50%;
}
.mt .Search input[type="submit"]:hover { background: none !important }
.mt .SearchPadding:before { border-color: #808080 }
.mt .SearchPadding:after { background: #808080 }


/*-- Search Button --*/
.mt .SearchPadding { 
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 10;
	width: 50px; 
	height: 50px;
	background: #fff; /*<-- button color --*/
	display: inline-block !important; 
	vertical-align: top; 
	cursor: pointer;
	transition: all 0.2s
}
.mt .SearchPadding.active { background: rgba(0,0,0,0.05) }/*<-- button color --*/
.mt .SearchPadding.active:before, 
.mt .SearchPadding.active:after {
	content: "";
	position: absolute;
	display: block;
	width: 40%;
	height: 4%;
	background: #2E3339; /*<-- x color --*/
	border: 0px;
	border-radius: 3px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: auto;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
}
.mt .SearchPadding.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/* Search product
---------------------------------------*/
.search-result-area { padding-left: 15px; padding-right: 15px; }


/* List Gallery
===============================================================================*/
.mt .listGalleries { padding-left: 15px; padding-right: 15px }


/* FAQ
===============================================================================*/
.mt .listFaqs { padding-left: 15px; padding-right: 15px }


/* Account Order
===============================================================================*/
.mt .OrderDetailLayout { border: 0px }
.mt .Orders { padding-left: 15px; padding-right: 15px }
.mt .Orders th { text-align: center }
.mt .OrderDetailLayout-Content > div { margin: 40px 15px }


/* Gallery Style
===============================================================================*/
.t #lightbox-container-image-data-box { max-width: calc(100% - 20px) !important; }




.t a:hover { color: #67bbd4; text-decoration: none }
.t h2 { font-size: 32px }
.t h3 { font-size: 28px }
.t .btn,.t a.btn, .t .button, .t a.ui-button, .t .ui-button, .t .make-button, .t a.make-button, .t .CheckoutButton, .t .checkOut, .t .AddPropertyConfirmLink, .t a.ShoppingCartLink, .t a.Printbutton, .t a.ContinueShoppingButton, .t .LoginToSeePrice > a, .t .LinkToPropertyDetail, .t button, .t input[type="submit"], .t input[type="reset"], .t input[type="button"] {
	font-size: 16px;
}
.t button.ui-datepicker-trigger,
.t button.ui-datepicker-trigger:hover,
.t button.ui-datepicker-trigger:active { background-image: url(/Content/Archive/406/calendar-190781.png); background-position: center center }
.t form label, .t .editor-label label { font-size: 16px }
.t .Logo.tCenter { text-align: center }

/*-- Search Button --*/
.t .SearchPadding {  right: 100px; }


/*Contact Page update 04/01/2016
===============================================================================*/
.t .FormPage form { padding: 0px 30px; width: 50%; box-shadow: none; border: 0px; border-left: 1px solid #e7e7e7; margin }
.t .FormPage form .form-group { margin: 0px 0px 20px 0px }
.t .FormPage .formDesc { padding-left: 15px; padding-right: 15px }


/*Menu tablet update 04/01/16
===============================================================================*/
.t .navbar { position: absolute; top: 0px; right: 0px; border: 0px; margin: 0px; min-height: 0px; z-index: 52 }
.t .navbar a { text-decoration: none; position: relative }
.t .navbar-header * { -webkit-transition: all 0.5s; transition: all 0.5s;  }
.t .navbar-brand, .t .cbp-spmenu h3, .t .cbp-spmenu button { display: none }
.t .navbar .navbar-toggle {   
	position: fixed;
	top: 0px;
	right: 0px;
	margin: auto;
	border-radius: 0px;
	border: 0px;
	padding: 0px;
	width: 50px;
	height: 50px;
	transition: all 0.2s
}
.t .navbar .navbar-toggle.active { right: 240px }
.t .navbar .navbar-toggle .icon-bar { 
	margin: auto;
	width: 60%;
	height: 2px;
	border-radius: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;  
}
.t .navbar .navbar-toggle.collapsed .icon-bar:nth-child(3) { margin: 5px auto }
.t .navbar .navbar-toggle.collapsed .icon-bar { -webkit-transform: rotate(0deg); transform: rotate(0deg); position: relative }
.t .navbar .navbar-toggle.collapsed.active .icon-bar { position: absolute; margin: auto }
.t .navbar .navbar-toggle.collapsed.active .icon-bar:nth-child(3) { opacity: 0; }
.t .navbar .navbar-toggle.collapsed.active .icon-bar:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.t .navbar .navbar-toggle.collapsed.active .icon-bar:nth-child(4) { -webkit-transform: rotate(45deg); transform: rotate(-45deg) }
.t .cbp-spmenu a.cbp-submenu-link,
.t .cbp-spmenu a.cbp-submenu-link2 { position: relative; padding: 0px }
.t .cbp-spmenu a.cbp-submenu-link:before,
.t .cbp-spmenu a.cbp-submenu-link2:before { content: ""; position: absolute; right: 0px;bottom: 0px; width: 58px; height: 45px }
.t .cbp-spmenu a.cbp-submenu-link2:before { height: 40px; }
.t .cbp-spmenu a.cbp-submenu-link .caret,
.t .cbp-spmenu a.cbp-submenu-link2 .caret { top: auto; bottom: 20px }
 /*-- Style up --*/
.t .navbar .navbar-toggle { background: #e7e7e7} /* close */
.t .navbar .navbar-toggle.collapsed .icon-bar { background: #000 } /* close */
.t .navbar .navbar-toggle.active { background: #e7e7e7 } /* open */
.t .navbar .navbar-toggle.collapsed.active .icon-bar { background: #000 } /* open */
/*-- ListMenu --*/
.t .cbp-spmenu { background: #e7e7e7 }
.t .cbp-spmenu > a.cbp-submenu-link { border-bottom: 1px solid rgba(0,0,0,0.1) }
.t .cbp-spmenu > a { padding: 12px 15px; border: 0px; text-decoration: none }
.t .cbp-spmenu > a, .t .cbp-spmenu > a:hover, .t .cbp-spmenu > a:focus, .t .cbp-spmenu > a:active { color: #000; background: #e7e7e7 }
.t .cbp-spmenu > a.active { background: rgba(0,0,0,0.1) }
/*-- Submenu --*/
.t .cbp-submenu { background: rgba(0,0,0,0.05) }
.t .cbp-submenu > a { line-height: 40px; padding: 0px 15px 0px 30px; border: 0px }
.t .cbp-submenu > a, .t .cbp-submenu > a:hover, .t .cbp-submenu > a:focus, .t .cbp-submenu > a:active { color: #000; background: none }
/*-- 3rd menu --*/
.t .cbp-submenu2 { background: rgba(0,0,0,0.05) }
.t .cbp-submenu2 > a { line-height: 40px; padding: 0px 15px 0px 30px; border: 0px }
.t .cbp-submenu2 > a, .t .cbp-submenu2 > a:hover, .t .cbp-submenu2 > a:focus, .t .cbp-submenu2 > a:active { color: #000 }
/*-- submenu arrow --*/
.t .cbp-submenu-link .caret,
.t .cbp-submenu-link2 .caret { 
	position: absolute; 
	right: 25px; 
	top: 0px; 
	bottom: 0px; 
	margin: auto; 
	border: 0px; 
	height: 8px; 
	width: 8px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg);
}/*-- style size --*/
.t .cbp-submenu-link .caret:before, 
.t .cbp-submenu-link .caret:after,
.t .cbp-submenu-link2 .caret:before, 
.t .cbp-submenu-link2 .caret:after { content: ""; display: block; position: absolute; background: #000; }
.t .cbp-submenu-link .caret:before, .t .cbp-submenu-link2 .caret:before { width: 20%; height: 125%; }
.t .cbp-submenu-link .caret:after, .t .cbp-submenu-link2 .caret:after {	width: 125%; height: 20%; }
/* tBig
---------------------------------------*/
.t .tBig .navbar .navbar-toggle { width: 64px; height: 64px; }
.t .tBig .navbar .navbar-toggle .icon-bar { height: 3px }
.t .tBig .navbar .navbar-toggle.collapsed .icon-bar:nth-child(3) { margin: 6px auto }
.t .tBig .navbar .navbar-toggle.collapsed.active .icon-bar:nth-child(3) { margin: auto }


/* Menu Account
---------------------------------------*/
.t .MenuAccount > div > .panel > .panel-heading a { right: 50px }


/* Slide
===============================================================================*/
.t .flexslider .flex-prev { left: 4%; }
.t .flexslider .flex-next { right: 4%; }


.m .btn, .m a.btn, .m .button, .m a.ui-button, .m .ui-button, .m .make-button, .m a.make-button, .m .CheckoutButton, .m a.checkOut, .m .AddPropertyConfirmLink, .m a.ShoppingCartLink, .m a.Printbutton, .m a.ContinueShoppingButton, .m .LoginToSeePrice > a, .m a.LinkToPropertyDetail, .m .AllDetails a, .m .MoreDetails a, .m button, .m input[type="submit"], .m input[type="reset"], .m input[type="button"], .m .ContactUsDialog .ui-dialog-buttonset button {
	width: 100%; font-size: inherit; text-align: center
}
.m form label, .m .editor-label label { font-size: 16px }
.m .page-header { margin: 0px; border: 0px; padding: 0px }
.m .Column:nth-of-type(n),.m .Column.Margin:nth-of-type(n),.m .Column.MarginN:nth-of-type(n) { width: 100%; float: none; margin-left: 0px }
.m .HeaderContentSectionsWrapper, .m .AsideContentSectionsWrapper, .m .FooterSectionsWrapper { display: block; max-width: 100%; font-size: 16px; }
.m .Float { position: static }
.m .Float.SearchArea { height: auto }
.m .Logo.mCenter { text-align: center }


/* ArticleWithSetting Items
===============================================================================*/
.m .listArticle { padding-left: 15px; padding-right: 15px; }
.m .listArticle > .Items:nth-of-type(n+1), .m .listArticle > .Items.Margin:nth-of-type(n+1) { width: 100%; margin-left: 0px; margin-top: 20px }
.m .listArticle > .Items:first-child, .m .listArticle > .Items.Margin:first-child { margin-top: 0 }
.m .listArticle > .Float { position: static }
/*-- withSectionSetting --*/
.m .ArticleItemList { padding-left: 15px; padding-right: 15px; }
.m .ArticleItemList > .Items:nth-of-type(n+1), .m .listArticle > .Items.Margin:nth-of-type(n+1) { width: 100%; margin-left: 0px; margin-top: 20px }
.m .ArticleItemList > .Items:first-child, .m .listArticle > .Items.Margin:first-child { margin-top: 0 }
.m .ArticleItemList > .Float { position: static }
.m .container .ArticleItemList { padding: 0 }


/*Menu mobile update 04/01/2016
===============================================================================*/
.m .navbar {border: 0px;position: static;min-height: 0px;margin: 0px;}
.m .navbar > .container-fluid { padding: 0px }
.m .navbar * { -webkit-transition: all 0.5s; transition: all 0.5s;  }
.m .navbar .navbar-brand { display: none }
.m .navbar .navbar-toggle { 
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	margin: auto;
	border-radius: 0px;
	border: 0px;
	padding: 0px;
	width: 50px;
	height: 50px;
	z-index: 1000
}
.m .mRight .navbar .navbar-toggle { left: auto; right: 0px; }
.m .navbar .navbar-toggle .icon-bar { 
	margin: auto;
	width: 60%;
	height: 2px;
	border-radius: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute
}
.m .navbar .navbar-toggle.collapsed .icon-bar:nth-child(3) { margin: 5px auto }
.m .navbar .navbar-toggle.collapsed .icon-bar { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: relative }
.m .navbar .icon-bar:nth-child(3) { opacity: 0; }
.m .navbar .icon-bar:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.m .navbar .icon-bar:nth-child(4) { -webkit-transform: rotate(45deg); transform: rotate(-45deg) }
.m .navbar-collapse {border: 0px;z-index: 10;width: 100vw;position: absolute;left: 0px; top: 50px; margin: 0px;} /*-- stype position top --*/
.m .navbar-collapse .navbar-nav { margin: 0px -15px }
.m .dropdown-toggle { position: relative; padding: 0px }
.m .dropdown-toggle:before { content: ""; position: absolute; right: 0px;bottom: 0px; width: 58px; height: 42px }
.m .navbar-collapse .dropdown-toggle .caret { top: auto; bottom: 16px }
/*-- button style --*/
.m .navbar .navbar-toggle, .m .navbar .navbar-toggle:focus, .m .navbar .navbar-toggle:hover { background: #eee }
.m .navbar .navbar-toggle .icon-bar { background: #000 }
.m .navbar .navbar-toggle.collapsed  { background: #eee }
.m .navbar .navbar-toggle.collapsed .icon-bar { background: #000 }
/*-- listmenu style--*/
.m .navbar-collapse { background: #eee } /*-- style --*/
.m .navbar-collapse .navbar-nav li { border-bottom: 1px solid rgba(0,0,0,0.05) }
.m .navbar-collapse .navbar-nav li a { padding: 0px 15px; line-height: 42px; position: relative } /*-- style size --*/
.m .navbar-collapse .navbar-nav li a:link, 
.m .navbar-collapse .navbar-nav li a:visited,
.m .navbar-collapse .navbar-nav li a:active, 
.m .navbar-collapse .navbar-nav li a:hover { color: #000 } /*-- style color --*/
.m .navbar-collapse .navbar-nav li.active > a, 
.m .navbar-collapse .navbar-nav .dropdown.active > a { background: none; color: #000; font-weight: 700 } /*-- style background and color --*/
/*-- submenu --*/
.m .navbar-collapse .navbar-nav .dropdown.open a { background: rgba(0,0,0,0.05); color: #000 }
.m .navbar-collapse .navbar-nav .dropdown.open .dropdown-menu { padding: 0px; border-radius: 0px; background: rgba(0,0,0,0.075);  }
.m .navbar-collapse .navbar-nav .dropdown.open .dropdown-menu a { padding: 0px 15px; line-height: 36px; background: none; color: #000 } /*-- style color --*/
/*-- submenu arrow --*/
.m .navbar-collapse .caret { 
	position: absolute; 
	right: 25px; 
	top: 0px; 
	bottom: 0px; 
	margin: auto; 
	border: 0px; 
	height: 8px; 
	width: 8px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg);
} /*-- style size --*/
.m .navbar-collapse .caret:before, .m .navbar-collapse .caret:after { content: ""; display: block; position: absolute; background: #000; }
.m .navbar-collapse .caret:before { width: 20%; height: 125%; }
.m .navbar-collapse .caret:after {	width: 125%; height: 20%; }
.m .navbar-collapse .menu-lev1.open > a .caret, .m .navbar-collapse .menu-lev2.open > a .caret { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.m .navbar-collapse .dropdown.open .caret:before, .m .navbar-collapse .dropdown.open .caret:after { background: #000 }  /*-- style color --*/
.m .navbar-collapse .dropdown.active .caret:before, .m .navbar-collapse .dropdown.active .caret:after { background: #000 } /*-- style color --*/


/* List menu
===============================================================================*/
.m #FooterArea .TextOnly .MenuWrapper { padding-left: 15px; padding-right: 15px }


/*Contact Page update 04/01/2016
===============================================================================*/
.m .FormPage .formDesc, .m .FormPage form { padding-left: 15px; padding-right: 15px; width: 100%; border: 0px; border-radius: 0px }
.m .FormPage form .form-group { margin: 0px 0px 20px 0px }


/* Square Contents
---------------------------------------*/
.m .Square.Three { width: 100% }


/* Peoduct search
===============================================================================*/
.m .search-suggestion-result > .search-app-result-list { width: 100%; display: block; border-bottom: 1px solid #ededed }


/* Article Slide
===============================================================================*/
.m .flexslider { margin-bottom: 20px }
.m .flex-control-nav { z-index: 50; display: block; bottom: 0px; padding: 0px; margin: 0px }
.m .flexslider .text { position: static; text-align: center; padding: 15px 15px 35px 15px; width: 100% }
.m .flexslider:hover .flex-prev { left: 0%; }
.m .flexslider:hover .flex-next { right: 0%; }


/* Register
===============================================================================*/
.m .Register .control-group .controls { display: block; width: auto }
.m .Register input { margin-right: 0px }
.m .Register .UserContorl, 
.m .Register .UserControl,
.m .Register div.CompanyContorl, 
.m .Register div.CompanyControl,
.m .Register div.PersonControl  { padding: 0px; border-bottom: 0px }
.m .Register .CustomFormCaptcha, 
.m .Register .RegisterButton { margin: 15px 0px; }


/* Regist area for module
===============================================================================*/
.m .LogOnPanel { padding: 15px; text-align: left }
.m .ForgotPasswordLink, .m .LogOnPanelRegisterButton { width: 100% !important; text-align: center !important; line-height: 40px !important; border-top: 1px solid #efefef }
.m .ForgotPasswordLink { border: 0px; margin-top: 10px }
.m .LogOnPanel .make-button+.make-button { margin-top: 4px }


/* Gallery listItem
===============================================================================*/
.m .listGalleries li { width: 100%; margin-left: 0%; display: block }
.m #lightbox-container-image-data-box { box-sizing: border-box}
/*-- Use Gallery set --*/
.m .GallerySet .listGalleries li { width: 32%; margin-left: 2%; display: inline-block; margin-bottom: 0px }
.m .GallerySet .listGalleries li:nth-of-type(n+4) { margin-top: 2%; margin-left: 2% }
.m .GallerySet .listGalleries li:nth-of-type(3n+1) { margin-left: 0px }
/*-- No margin --*/
.m .GallerySet.NoMargin .listGalleries li { width: 33.3333%; margin-left: 0% }
.m .GallerySet.NoMargin .listGalleries li:nth-of-type(n+4) { margin-top: 0% }


/* Contact us dialog box
===============================================================================*/
.m .ContactUsDialog .divleft .editor-label, .m .ContactUsDialog .divleft .editor-field { width: 100%; position: static; padding: 0px }
.m .ContactUsDialog .divleft .editor-label  { padding-top: 12px }


/* Slide
===============================================================================*/
.m .mtStill { position: absolute; height: 100% }
.m .slider-wrapper { overflow: hidden }
.m .slider-wrapper .nivoSlider { width: 120%; left: -10% }
.m .nivo-prevNav:before, .m .nivo-prevNav:after, .m .nivo-nextNav:before, .m .nivo-nextNav:after { width: 4%; height: 16px; }
.m .nivo-prevNav { left: 0px !important }
.m .nivo-nextNav { right: 0px !important }
.m .nivo-caption { padding-left: 10%; padding-right: 10% }

.m .ArrowCircle .nivo-prevNav:before, .m .ArrowCircle .nivo-prevNav:after, .m .ArrowCircle .nivo-nextNav:before, .m .ArrowCircle .nivo-nextNav:after { width: 16px; height: 16px; }

/* mSquare
---------------------------------------*/
.m .mSquare .slider-wrapper { padding-top: 100%; position: relative }
.m .mSquare .slider-wrapper .nivoSlider {position: absolute;top: 50%;width: 300%;left: 50%;transform: translate(-50%,-50%);}


/* Scroller up
===============================================================================*/
.m .ScrollUp { right: 10px; bottom: 10px; width: 40px; height: 40px;}
.ScrollUp {border-radius:0%;right: 20px; bottom: 20px; height:40px; width:40px;padding:20px;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);background-color: rgba(100,100,100,0.3);}
.ScrollUp:before { content: ""; display: block; position: absolute; left: 50%; top: 55%; background: transparent; transform: translate(-50%,-50%) rotate(45deg); width: 25%; height: 25%; border-left:2px solid rgb(100,100,100); border-top:2px solid rgb(100,100,100);  }
.ScrollUp:after { display: none }


/* Account Order
===============================================================================*/
.m .Orders .FiltersForm { padding: 0px }
.m .Orders .FiltersForm div { width: 100%; display: block; margin-top: 12px; }
.m .Orders .FiltersForm > .filbydate { width: 100%; margin: 0px }
.m .Orders .dateto { margin: 12px 0px 0px 0px; }
.m .Orders .btnSearch { position: static; margin-top: 12px; }
.m .TableOrders thead { display: none }
.m .TableOrders {  border: 0px}
.m .TableOrders tr:nth-of-type(n) { background: none; display: block }
.m .TableOrders tr+tr { border-top: 1px solid #ededed; padding-top: 20px; margin-top: 20px }
.m .TableOrders td { display: block; text-align: left !important; border: 0px; line-height: normal; line-height: 28px }
.m .TableOrders td label { margin-bottom: 0px }
.m .TableOrders td:before { content: attr(data-header); font-weight: bold; display: inline-block; width: 50% }

.m .ShippingAddressLayout, .m .BillingAddressLayout { width: 100% }
.m .OrderDetailLayout .Head-Title, .m .OrderDetailLayout .Detail { padding: 0px; width: auto }
.m .OrderDetailLayout .Head-Title { padding-right: 8px; font-weight: bold }


.mt .CategorySide #RightArea .SectionHeader,
.mt .PageCategoryShowNoSub #RightArea .SectionHeader { margin-left: 15px; margin-right: 15px; position: relative; transition: all 0.2s }
.mt .CategorySide #RightArea .SectionHeader:before,
.mt .PageCategoryShowNoSub #RightArea .SectionHeader:before { content: ""; border-right: 2px solid #000; border-bottom: 2px solid #000; width: 14px; height: 14px; display: block; float: right; transform: rotate(45deg); margin-top: -6px; transition: all 0.2s }
.mt .CategorySide #RightArea .SectionHeader.active:before,
.mt .PageCategoryShowNoSub #RightArea .SectionHeader.active:before { border-color: #fff; transform: rotate(-135deg); margin-top: 0 }

.mt .PolicyDefault { padding-left: 15px; padding-right: 15px }

.m .ArticleList { padding-left: 15px; padding-right: 15px }
.m .ArticleItemList.row { padding: 0; }
.m .ArticleSearch .ArticleItem { width: 100%; margin-left: 0; padding-right: 15px; padding-left: 15px; flex-wrap: wrap }
.m .ArticleSearch .ArticleItem+.ArticleItem { margin-top: 40px }
.m .List .ArticleSearch .ImageCover { flex-basis: 100%; margin-bottom: 3rem }
.m .List .ArticleSearch .ArticleInfo { flex-basis: 100% }