@media only screen and (max-width: 1365px) {
h1 { font-size:50px; }
.projects_sec h2,
h2 { font-size: 45px; }
p { line-height: 1.4; padding-bottom: 25px; }
html, body { font-size:20px; }
#header-part .logo { max-width: 300px; }
#header-part .right { padding: 0 0 0 35px; width: calc(100% - 300px); }
.service_sec h2 { font-size: 35px; }
.service_sec .service a span { font-size: 25px; line-height:1.1; }
.welcome_sec p { padding-right:0; }
.projects_sec .col3 { padding:0 20px; }
.projects_sec .row { margin: 0 -20px; }
.footer_sec h5 { margin:0; }
.inner_banner_sec { min-height:350px; }
.client_sec .col4 { padding: 10px 10px 10px 20px; width: calc(25% - 20px); margin: 0 10px 20px; }
















}

@media only screen and (max-width: 1279px) {
h1 { font-size: 45px; }
.projects_sec h2,
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 22px; }
h6 { font-size: 16px; }

#header-part .logo { max-width: 230px; }
#header-part .right { padding: 0 0 0 25px; width: calc(100% - 230px); }
#header-part .contact { margin-left:25px; }
.service_sec .service { padding: 0 10px 20px; }
.service_sec .service_list { margin: 0 -10px; }
.service_sec .service a span { font-size: 20px; line-height: 1.2; padding: 0 10px; bottom: 25px; }
.projects_sec .col3 { padding:0 10px; }
.projects_sec .row { margin: 0 -10px; }
.footer_sec h6 { font-size: 16px; line-height: 1.2; }
.footer_sec h4 { font-size: 22px; }
.footer_sec address,
.footer_sec .col3 li { font-size: 16px; line-height: 20px; }
h5 { font-size: 22px; }
.history_sec .contactbox { padding: 20px 30px; }
.inner_banner_sec { min-height:300px; }
.client_sec h4 { font-size: 16px; }
.client_sec .col4 { min-height:90px; padding: 10px 15px; }
.inner_banner_sec ul.paging li { font-size: 16px; }
.project_sec .project a span { font-size: 22px; width: calc(100% - 30px); left:15px; } 
.project_sec .project { width: 33.33%; padding: 0 10px 20px; }
.project_sec .project_list { margin: 0 -10px; }
.project_sec { padding-bottom:50px; }
.employment_sec h3 { font-size: 30px; }
.gallery_sec .col4, 
.gallery_sec .col8, 
.gallery_sec .col12 { padding: 0 10px 20px; }
.gallery_sec .row { margin: 0 -10px; }
}

@media only screen and (max-width: 1023px) {
h1 { font-size: 40px; }
.service_sec h2,
.projects_sec h2,
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
html, body { font-size:18px; }

	
	
#header-part .logo { max-width: 180px; }
#header-part .right { padding: 0 0 0 25px; width: calc(100% - 180px);}
#header-part .contact a, #header-part .contact span { font-size: 16px; }
#header-part .fax { background-size:17px auto; padding-left:21px; }
#header-part .phone { padding-left: 21px; } 
#header-part address { font-size: 16px; }
#header-part .top { padding-right:0; }
#header-part .contact { width: 120px; }
#header-part .menubar li { font-size: 15px; }
#header-part .menubar li { padding-left: 15px; margin-left:8px; line-height: 20px; }
#header-part { padding: 10px 0; }
.banner_sec { padding: 130px 0 180px; min-height: 550px; }
.service_sec .inner { margin-top:-150px; }
.service_sec .service { width: 33.33%; }
.service_sec .service a span { font-size: 16px; }
.welcome_sec { padding: 60px 0 40px; }
.projects_sec { padding: 60px 0 40px; }
.footer_sec .col1 { width: 50%;  }
.footer_sec .col1 ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; line-height:0; }
.footer_sec .col1 li { padding: 0 0 15px 0; }
.footer_sec h6 { font-size: 14px; line-height: 18px; }
.footer_sec .col1 li a { font-size: 14.footer_sec .col3px; line-height: 18px; display:inline-block; }
.footer_sec .col3 { width: 19%; }
.footer_sec .col2 { width: 31%; padding-right:20px; }
.footer_sec h4 { font-size: 20px; }
.footer_sec { padding: 40px 0 30px; }
.copyright_sec p { font-size: 13px; }
.inner_banner_sec { min-height:250px; }
.history_sec .left { width: 55%; }
.history_sec .right { width: 45%; padding-left: 40px; }
.client_sec .col4 { width: calc(33.33% - 14px); margin: 0 7px 14px; }
.contact_sec address { font-size:22px; }
.contact_sec .contact { font-size: 18px; }
.contact_sec.light .inner { padding: 35px 20px; }
.contact_sec .inner { border: 7px solid #fff; padding: 25px; max-width:550px;}
.project_sec .project a span { font-size: 18px; bottom:20px; }
.project_sec .project a span::after { width: 90px; height: 10px; }
.gallery_sec .col4, 
.gallery_sec .col8, 
.gallery_sec .col12 { padding: 0 5px 10px; }
.gallery_sec .row { margin: 0 -5px; }
.employment_sec h3 { font-size: 24px; }


}

@media only screen and (max-width: 767px) {
h1 { font-size: 30px; }
.service_sec h2,
.projects_sec h2,
h2 { font-size: 25px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
html, body { font-size:16px; }
	
	
.mm-menu { background: #0e158a; }
.mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.mm-opened a.close { display: block; }
.mm-opened a.logo { opacity: 0; }
#back-to-top { display: block; }

a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 10px; top: 19px; z-index: 8888; }
a.close:before,  a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 20px; content: ""; background: #0d1589; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

a.mobilemenu {  display: block; font-size: 20px; color: #0d1589; height: 30px; line-height: 32px; font-weight:700; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 23px; width: 100px; }
.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #0d1589; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
.mobilemenu span:after,.mobilemenu span:before { background-color: #0d1589; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }
.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }

#header nav#menu { display: none; }
#header:before { width: 100%; height: 40px; content:''; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.3); }
.mm-listview > li.active > a { background: rgba(0,0,0,0.2) }  

#header-part .right,
#header-part .menubar,
#header-part .top { display: none; }
#header-part .logo { max-width: 120px; }
.service_sec .inner { margin-top: 0px; padding: 20px 15px; }
.banner_sec { padding: 80px 0 80px; min-height: 330px; }
.button { font-size: 16px; line-height: 20px; letter-spacing: 0em; padding: 10px 50px 10px 15px; }
.button::before { right:10px; }
.service_sec .wrapper { padding: 0 0px; }
.service_sec .service { padding: 0 5px 10px; width: 50%; } 
.service_sec .service_list { margin: 0 -5px; }
.welcome_sec .subtitle { font-size: 16px; }
.welcome_sec { padding: 40px 0; }
p { padding-bottom: 20px; }
.projects_sec .col3 { width: 100%; padding-bottom: 30px; }
.projects_sec h2 { padding-bottom: 20px; }
.projects_sec h5 { padding: 10px 0; }
.projects_sec .col3:last-child { padding-bottom:0; }
.footer_sec .col1 ,
.footer_sec .col2,
.footer_sec .col3 { width: 100%; padding:20px 0; border-bottom: 1px dashed rgba(0,0,0,0.4); }
.footer_sec { padding: 20px 0; }
.footer_sec h5 { padding: 20px 0 0 0; }
.copyright_sec p { line-height:17px; }
.copyright_sec { padding: 10px 0; }
.inner_banner_sec { min-height:200px; }
.history_sec { padding: 40px 0 20px; }
.history_sec .contactbox { text-align: center; padding: 20px 15px; }
.history_sec .left { width: 100%; border-bottom: 2px solid #0d1589; padding: 0 0 20px 0; }
.history_sec .right { width: 100%; border:0; padding: 20px 0 0px 0; }
.history_sec .history { padding: 40px 0 0 0; }
.history_sec p { padding-right: 0px; font-size: 15px; line-height: 1.4; }
.client_sec  { padding: 40px 0 20px; }
.client_sec .col4 { width: calc(50% - 10px); min-height:80px; padding:10px; margin: 0 5px 10px; }
.contact_sec address { font-size:16px; }
.contact_sec .contact { font-size: 14px; }
.contact_sec.light .inner { padding: 25px 15px; }
.client_sec h4 { font-size: 14px; }
.client_sec .row { margin: 10px -5px 0; }
.contact_sec .inner { border: 5px solid #fff; padding: 25px 15px; max-width:100%;}
.project_sec .project { width: 50%; padding: 0 5px 10px; }
.project_sec .project_list { justify-content:center; margin: 0 -5px; }
.project_sec .project a span { font-size: 16px; line-height: 20px; width: calc(100% - 20px); left: 10px; }
.project_sec { padding: 40px 0; }
.gallery_sec { padding: 40px 0 30px; }
.gallery_sec .col4, 
.gallery_sec .col8, 
.gallery_sec .col12 { padding: 0 3px 6px; }
.gallery_sec .row { margin: 0 -3px; }
.employment_sec h3 { font-size: 18px; }
.employment_sec { padding: 40px 0; margin-bottom:40px; }


}

@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@media only screen and (min-width: 768px) {
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}