@media screen and (max-width:1366px) {
.container{max-width:1240px;}
nav.mainMenu > ul > li{margin:0 7px;}
.homeBox h1{font-size:62px;}
.beauty .leftBox{padding:209px 0 90px 0;}
.bridal .leftBox{padding:56px 0 55px 0;}
.rightNav li a{font-size:32px;}
.quickContact h3{font-size:26px;}
.quickContact {width:285px;}
}

@media screen and (max-width:1280px) {
.container{max-width:1130px;}
nav.mainMenu > ul > li{margin:0 3px;}
nav.mainMenu > ul > li > a{ padding:6px 20px 17px 20px; }
.homeBox h1{font-size:52px;}
.homeBox h2{font-size:19px;}
.beauty .leftBox{padding:197px 0 90px 0;}
.bridal .leftBox{padding:58px 0 58px 0;}
.rightNav li a{font-size:27px;}
.quickContact{padding:18px;}
.innerContent{background-position:102% 40px;}
.quickContact {width:254px;}
}
@media screen and (max-width:1170px) {
.container{max-width:1060px;}
#logo{width:36%;}
.homeBox h1{font-size:42px; line-height:42px;}
.homeBox h2{font-size:17px;}
.beauty .leftBox{padding:171px 0 90px 0;}
.bridal .leftBox{padding:50px 0;}
.innerContent{padding:20px; background-position:104% 40px;}
.rightCol{padding:72px 0 0 20px;}
.quickContact {width:266px;}
}

@media screen and (max-width:1024px) {
#navbar-wrap { margin:0; width:100%; background:#3e3e3e;}
a.meanmenu-reveal { display: none; }
.mean-bar {  width: 100%; position: relative;  padding: 0px 0;  z-index:1000; min-height:40px; }
a.meanmenu-reveal { width:30px; padding:0; position: absolute; top:7px; right:20px !important; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; }
a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 5px; }
.mean-nav { float: left; width: 100%; background: #1b1b1b;}
.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;}
.mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-nav ul li.mean-last{ border-bottom:2px solid #dc4e41; }
.mean-nav ul li:first-child a{border-top:0;}
.mean-nav ul li a { letter-spacing:1px; display: block; float: left; width:100%; padding: 10px 15px; margin: 0; text-align: left; color: #fff; border-bottom:1px solid #2c2c2c; text-decoration: none; text-transform: uppercase;transition: none 0s ease 0s !important;}
.mean-nav ul li li a { width:100%; padding:10px 30px;  opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; letter-spacing:1px;}
.mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-nav ul li li li a { width:100%; padding: 10px 45px; color:#fff; }
.mean-nav ul li li:first-child a{border-top:0;}
.mean-nav ul li a:hover { background: #252525;}
.mean-nav ul li a.mean-expand { width:38px; height:38; border: none !important; padding:10px !important; text-align: center; position: absolute; right: 0; top:0; z-index: 2; font-weight: normal; font-size:23px !important; font-family:Arial, Helvetica, sans-serif; background:#2c2c2c; }
.menuName{font-size:16px; color:#fff; line-height:40px; padding-left:15px;}
#header{padding:20px 0 0 0;}
#logo{float:none; text-align:center; margin-bottom:15px; width:100%;}
.homeBox h1{font-size:40px; line-height:40px;}
.homeBox h2{font-size:17px;}
.homeBox:hover h1, .homeBox.art:hover h1{padding:0 34px;}
.homeBox:hover h2, .homeBox.art:hover h2{padding:0 34px;}
.bridal h2, .bridal:hover h2{padding:0 36px;}
.bridal .leftBox, .nature .leftBox{padding:30px 0;}
.beauty .leftBox{padding:125px 0 90px 0;}
#footer .address{width:100%; text-align:center; padding:0 0 20px 0;}
#footer .footerLogo{width:100%; text-align:center;}
.portrait .leftBox h1:after, .art .leftBox h1:after{top:13px;}
.nature .leftBox:after{margin-right:-11px;}
.social{position:static; text-align:center; width:100%; margin-bottom:10px;}
.social li{display:inline-block; margin:0 0 0 0;}
.quickContact .col label{float:left; width:100%; padding-bottom:4px;}
.quickContact .col .fromRightCol{padding:0;width:100%;}
.quickContact .col{margin-bottom:12px;}
.quickContact .col.security input[type="text"], .quickContact .col .button{width:100%;}
.quickContact .col .button{margin-top:12px;}
.innerContent h2{font-size:52px;}
.quickContact h3{font-size:21px; margin-bottom:10px;}
.rightNav li a{padding:10px 28px;font-size: 24px;}
.rightNav li .small{font-size:16px;}
.innerContent{background:#efefef;}
.quickContact {width:100%; position:static !important;}
#backtotop{display:none !important;}
}
@media screen and (max-width:960px) {
.homeBox h1{font-size:32px; line-height:32px;}
.homeBox h2{font-size:15px;}
.beauty .leftBox{padding:116px 0 90px 0;}
.nature .leftBox{padding:33px 0;}
}
@media screen and (max-width:900px) {
.bridal .leftBox{padding:31px 0 32px 0;}
.beauty .leftBox{padding:110px 0 90px 0;}
.rightNav li a{font-size:21px;line-height: 18px;}
.rightNav li .small{font-size:14px; padding-top:3px;}
.rightNav li .small:after{top:4px;}
}
@media screen and (max-width:800px) {
.art .leftBox{padding-left:0;}
.beauty .leftBox{padding:98px 0 90px 0;}
.leftCol{width:65%;}
.rightCol{width:35%;}
}
@media screen and (max-width:768px) {
.bridal .leftBox{padding:34px 0;}
.beauty .leftBox{padding:94px 0 91px 0;}
.nature .leftBox{padding:36px 0;}
.homeBox h1{font-size:27px; line-height:27px;}
/*--------------12-02-2016-----------*/
.innerContent p {font-size: 16px; padding-bottom: 10px; line-height: 18px; }
.innerContent .leftCol h1 {font-size: 30px;}
}
@media screen and (max-width:700px) {
.beauty .leftBox{padding:90px 0 88px 0;}
.bridal .leftBox{padding:36px 0 35px 0;}
.homeBox h1, .homeBox h2, .homeBox:hover h1, .homeBox:hover h2, .homeBox.art:hover h2, .homeBox.art:hover h1{padding:0 20px;}
}
@media screen and (max-width:640px) {
#logo, #footer .footerLogo{padding:0 25px;}
.homeList .leftCol, .homeList .rightCol, .col12 .col6{width:100%;}
.col12.portrait .col6, .nature .rightBox, .nature .leftBox, .beauty .leftBox, .beauty .rightBox, .bridal .leftBox, .bridal .rightBox, .art .col6, .art .col6 {width:50%;}
.portrait .leftBox, .nature .leftBox, .beauty .leftBox, .bridal .leftBox, .art .leftBox{padding-top:50px; text-align:right;}
.nature .rightBox, .nature .leftBox, .bridal .leftBox{float:right;}
.nature .leftBox, .nature .rightBox, .bridal .rightBox{float:left;}
.nature .leftBox, .bridal .leftBox{text-align:left;}
.homeBox h1, .homeBox h2, .homeBox:hover h1, .homeBox:hover h2, .homeBox.art:hover h2, .homeBox.art:hover h1{padding:0 30px;}
.portrait .leftBox h1:after, .portrait:hover .leftBox h1:after, .beauty .leftBox h1:after, .beauty:hover .leftBox h1:after, .art .leftBox h1:after, .art:hover .leftBox h1:after{width:15px; height:22px; position:absolute; right:3px; top:13px; content:""; background:url(../images/sprite.png) no-repeat -25px 0;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.beauty .leftBox:after, .nature .leftBox:after, .bridal .leftBox:after{display:none;}
.nature .leftBox h1:after, .bridal .leftBox h1:after, .nature:hover .leftBox h1:after, .bridal:hover .leftBox h1:after{width:15px; height:22px; position:absolute; left:3px; top:13px; content:""; background:url(../images/sprite.png) no-repeat -103px 0;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
#footer .address{line-height:28px;}
.leftCol{width:100%;}
.rightCol{width:100%; padding:0;}
.rightNav ul{margin:0 -5px;}
.rightNav li{float:left; width:50%; padding:0 5px;}
.innerContent h2{font-size:39px; line-height:39px;}
#footer .address{font-size:15px;}
/*--------------12-02-2016-----------*/
.innerContent p{font-size:14px; line-height:16px; padding-bottom: 10px;}
.leftCol .list li { font-size: 14px; padding-bottom: 10px; margin-left: 10px !important; line-height: 14px; }
}
@media screen and (max-width:480px) {
.rightNav li a{font-size:18px;}
.gallery li{width:50%;}
}
@media screen and (max-width:375px) {
.homeBox h1{font-size:22px; line-height:22px;}
.homeBox h2{font-size:13px;}
.nature .leftBox h1::after, .bridal .leftBox h1::after, .nature:hover .leftBox h1::after, .bridal:hover .leftBox h1::after, .portrait .leftBox h1::after, .portrait:hover .leftBox h1::after, .beauty .leftBox h1::after, .beauty:hover .leftBox h1::after, .art .leftBox h1::after, .art:hover .leftBox h1::after{top:9px;}
.rightNav ul{margin:0;}
.rightNav li{width:100%; padding:0;}
}