@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1550px) {
	/*.header-graphic-img { bottom: -10%; }*/
}
@media (max-width:1224px) {
	.container { padding-right: 50px; padding-left: 50px; }
	/*.header-graphic-img { bottom: -18%; }*/
	.arc-design-descr { padding-right: 18%; }
	.principal-sec figure { margin: 0 0 45px; }
	.gellery-left-align .gellery-hover { padding-right: 25px; }
	.design-services-descr { padding-right: 0; }	
}
/*------------tablet portrait  view------*/
@media (max-width:1024px) {
	.gellery-overlay .gellery-hover ul { margin-bottom: 15px; }
	.accordion-title { font-size: 22px; }
	.gellary-popup-open { padding: 90px 0; }
	button.mfp-close { top: 35px; }
	.gellary-popup-open .logo { margin-bottom: 35px; }
	.design-services-descr p br { display: none; }
	.header-graphic-img { width: 1300px; margin-left: -650px; bottom: -160px; }
}
@media (max-width:991px) {
	h2 { font-size: 22px; line-height: 28px; }	
	.logo { width: 180px; height: 62px; margin-bottom: 45px; }
	.header-graphic-img { bottom: -130px; height: 350px; }
	/*.header-graphic-img { bottom: -24%; }*/
	/*.sudio-graphic span { font-size: 50px; line-height: 54px; }*/
	.sudio-graphic span:before { font-size: 50px; line-height: 54px; }
	.arc-design-studio { padding: 60px 0 70px; }
	.arc-design-descr { padding-right: 10%; }
	.arc-design-descr h2 { font-size: 24px; }
	address { font-size: 22px; line-height: 30px; }
	.gellery-overlay .gellery-hover { padding: 15px; }
	.gellery-overlay .gellery-hover p { font-size: 11px; }
	.gellery-overlay a > .fa { right: 14px; top: 8px; }
	.gellery-overlay .gellery-hover .button { padding: 10px 10px 9px; }
	.gellery-left-align a > .fa { left: 15px; }
	/*.gellary-popup-open .bx-wrapper .bx-pager { top: 58%; }*/
	.gellary-popup-open { padding: 65px 10px; }
	.gellary-popup-open .logo { width: 150px; height: 52px; margin-bottom: 30px; }
	.top-link li a { font-size: 20px; line-height: 30px; letter-spacing: 1px; }
	button.mfp-close { top: 20px; }
	.design-services-sec { padding: 50px 0 75px; }
	.contact-us-section { padding: 60px 0 66px; }
	.header-graphic-img { bottom: -110px; }
}
/*------------mobile landscape  view------*/
@media (max-width:767px) {
	h1 { font-size: 28px; line-height: 34px; }
	.container { padding-left: 15px; padding-right: 15px; }
	/*.logo { width: 140px; height: 50px; margin-bottom: 20px; margin-left: 0; }*/
	.header-content { width: 100%; max-width: 267px; }
	/*.call-mail { float: none; left: 55px; text-align: center; top: 15px; }*/
	.call-mail { right: 15px; }
	#header-main .container { padding-top: 25px; }	
	.col-1, .col-2, .col-3, .col-4 { width: 100%; float: none; }
	.gellery-overlay a > .fa { right: inherit; left: 14px; }
	.gellery-overlay .gellery-hover { text-align: left; }
	.arc-design-studio { padding: 50px 0 50px; }
	.gellery-overlay .gellery-hover ul li { float: left; padding-right: 0; margin-right: 0; padding-left: 7px; margin-left: 7px; border-left: solid 2px #ebebeb;
    border-right: 0; }
    .gellery-overlay .gellery-hover ul li:first-child:before { right: inherit; left: 0; }
	.gellery-overlay .gellery-hover ul li:first-child { padding-right: 0; margin-left: 0; padding-left: 28px; border-left: none; }
	.arc-design-descr { padding-right: 0; margin-bottom: 30px; /*font-size: 18px; line-height: 28px;*/ }
	/*.sudio-graphic span { font-size: 36px; line-height: 44px; }*/
	.sudio-graphic span:before { font-size: 36px; line-height: 46px; }
	.gellaery-sec [class*="col-2"], .gellaery-sec [class*="col-1"] { width: 100%; }
	.design-services-descr { margin-bottom: 40px; }
	.design-services-descr h2 br, .design-services-descr p br { display: none; }
	.design-services-descr h2 { margin-bottom: 15px; }
	.design-services-sec { padding: 50px 0 40px; }
	.defualt-border { border-top: solid 3px #454443; padding-top: 20px; }
	.principal-sec { padding: 0 0 30px; }
	.addtinal-services { padding: 60px 0 85px; }
	.principal-sec figure { margin: 0 0 40px; }
	address { margin-bottom: 30px; }
	address span { margin-bottom: 15px; }
	.contact-us-section { padding: 55px 0 55px; }
	.foo-logo { margin: 0 auto 30px; }
	.foo-content { text-align: center; }
	.foo-content .back-to-home { left: 0; bottom: -30px; top: inherit; }

	.popup-content p { text-align: justify; }

	nav { margin-bottom: 30px; }
	/*.enumenu_ul { display: none; z-index: 99; }
    .menu-block { height: auto; }
    .menu-icon { display: block }
    .enumenu_ul { position: absolute;; left: 0; right: 0; top: 60px; background: #57688b; }
    .enumenu_ul li { display: block; margin-left: 0; border-bottom: solid 1px rgba(255,255,255,0.1) }
    .enumenu_ul li a { display: block; padding: 15px 0; }
    .enumenu_ul li a:hover { opacity: 1; background: #fff; color: #57688b; }*/

    .gellary-popup-open .logo { margin-left: auto; }
    /*.gellary-popup-open .bx-wrapper .bx-pager { top: 52%; }*/

    #footer-main { padding: 40px 0 40px; }
    .header-graphic-img { max-width: inherit; width: 116%; left: -8%; right: -8%; margin: 0 auto; background-size: 100%; bottom: -24%; }
    .accordion-content { padding: 25px 55px 11px 19px; }
    .arc-design-descr p br { display: block; }
    .arc-design-studio { text-align: center; }
    .more-info { margin-right: 0; }
    .accordion { padding-left: 0; }
    .contact-form p { max-width: 243px; }
    .button { display: block; }
    input[type="submit"] { display: block; width: 100%; }
    #footer-main .col-1 { width: 30%; float: left; }
    #footer-main .col-4 { width: 70%; float: right; }
    .foo-content { text-align: left; }
    .gellery-content { float: none; }


}
/*------------mobile portrait view------*/
@media (max-width:640px) {
	.logo { width: 90px; height: 32px; margin-bottom: 30px; }
	#header-main { text-align: center; }
	nav { display: inline-block; }
	.call-mail { top: 0; display: inline-block; position: relative; margin-left: 20px; float: none; right: 0; }
	.addtinal-slider-main { width: 100%; }
	#header-main { height: auto !important; padding-bottom: 120px; }	
	.header-graphic-img { max-width: inherit; left: -8%; right: -8%; bottom: -15%; width: 116%; height: 40%; }
	.accordion-title { font-size: 18px; }
	.accordion-title:after { font-size: 18px; top: 5px; }
	.accordion-content { padding: 20px 10px 11px 15px; }
	.principal-descr p br { display: block; }
	.principal-content .button { display: block; margin-bottom: 15px; }
	/*.gellary-popup-open .bx-wrapper .bx-pager { top: 22%; }*/
	.foo-content { max-width: 245px; margin: 0 auto; }
	.gellary-popup-open figure figcaption p { width: 100%; text-align: center; }
	.gellary-popup-open figure > span { top: 10px; right: 10px; }
	.gellary-popup-open figure figcaption { padding: 8px 8px 8px; }
	.gellary-popup-open figure figcaption span { margin-bottom: 5px; }
	.gellary-popup-open .bx-wrapper .bx-pager { bottom: 40px; }
	.foo-logo {  margin-right: auto; margin-left: 0; }
	.foo-content { text-align: left; max-width: 100%; }
	#footer-main .col-1, #footer-main .col-4 { width: 100%; float: none; }    
	.foo-content .back-to-home { margin: 0 auto; width: 13px; }

}
/*----------optional css------*/
@media (max-width:480px) {
	.logo { width: 90px; height: 32px; margin-bottom: 30px; margin-left: 0; position: absolute; left: 15px; top: 26px }
	.call-mail { float: none; left: 55px; text-align: center; top: 7px; display: block; position: absolute; margin-left: 0; }
	nav { margin-bottom: 0; display: block; }
	.enumenu_ul { display: none; z-index: 99; }
    .menu-block { height: auto; }
    .menu-icon { display: block }
    .enumenu_ul { position: absolute;; left: 0; right: 0; top: 60px; background: #57688b; }
    .enumenu_ul li { display: block; margin-left: 0; border-bottom: solid 1px rgba(255,255,255,0.1) }
    .enumenu_ul li a { display: block; padding: 15px 0; }
    .enumenu_ul li a:hover { opacity: 1; background: #fff; color: #57688b; }
    .header-content { margin-top: 60px; }
    .header-graphic-img { width: 130%; left: -15%; right: -15%; bottom: -20%; }
    .gellary-popup-open .logo { position: relative; top: 0; left: 0; }
}
/*---------use only when design is customise-----------*/