@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

/*..............embedded fonts..............*/

/*..............custom fonts..............*/

@font-face {
    font-family: 'Italiana';
    src: url('../fonts/Italiana-Regular.eot');
    src: url('../fonts/Italiana-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Italiana-Regular.woff2') format('woff2'),
        url('../fonts/Italiana-Regular.woff') format('woff'),
        url('../fonts/Italiana-Regular.ttf') format('truetype'),
        url('../fonts/Italiana-Regular.svg#Italiana-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*..............custom fonts..............*/
/*font-family: 'Dosis', sans-serif;

font-family: 'Open Sans', sans-serif;

font-family: 'Italiana';
*/
/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size:14px; color:#5f5f5f;}
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding:0; font-family: 'Dosis', sans-serif;}
h1{ font-size:59px; font-family: 'Italiana'; text-transform: uppercase;}
h2{ font-size:59px; font-family: 'Italiana'; text-transform: uppercase;}
h3{ font-size:50px; font-family: 'Italiana'; text-transform: uppercase;}
h4{ font-size:30px; text-transform: uppercase;}
h5{ font-size:24px; text-transform: uppercase;}
h6{ font-size:20px;}
p{ font-size:14px; color: #5f5f5f; margin:0 0 20px; padding:0; font-family: 'Open Sans', sans-serif;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ color: #999; outline: none; text-decoration: none; transition:all 0.3s ease 0s; font-family: 'Dosis', sans-serif;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Dosis', sans-serif; font-size: 19px; outline: none;}
input[type="submit"]{ font-family: 'Dosis', sans-serif; font-size: 19px; transition:all 0.3s ease 0s; outline: none;}

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: #000; color: #fff; padding: 14px 35px; font-size: 19px; text-transform: capitalize; font-family: 'Dosis', sans-serif; border-radius: 0; letter-spacing: 2px;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 5px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:hover{background: #5f5f5f; color: #fff;}

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

/*..............common styles..............*/

.click { display:none;}
.main_menu a.closebtn{
    display: none;
    }

/*for header css*/
.main-header { padding: 12px 0; position: relative; top: 0; left: 0; z-index: 2; width: 100%; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);}
.logo { float: left;}
.dnt-btn { float: right; margin: 5px 0 0 10px;}
.dnt-btn a { background: transparent; /*color: #fff;*/ color:#5f5f5f; text-transform: uppercase; border-radius: 0px; padding: 15px 20px; letter-spacing: 1px; font-size: 17px; /*border: 1px solid #fff;*/ border: 1px solid #5f5f5f;}
.click { /*color: #f6f6f6;*/ color: #c3c3c3; float: right; font-size: 28px;}
.main_menu { float: right; margin-top: 7px;}
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 8px; text-transform: uppercase;}
.main_menu ul li:last-child{margin-right: 0;}
.main_menu ul li a { display: block; padding: 15px 10px; /*color: #868686;*/ color: #5f5f5f; font-size: 18px; font-weight: 300; position: relative;}
.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { /*color: #fff;*/ color: #8c8c8c;}
.main_menu ul li:hover a:after, .main_menu ul li.current-menu-item a:after{background: #8c8c8c; height: 2px; position: absolute; top:50%; transform: translateY(-50%); left: 0; width: 100%; content: "";}

/*for header css*/

.slider-wrap { position: relative; border-bottom: 1px solid #ececec;}

.banner-bg{background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 50px 6% 50px; position: relative;}
/*.banner-bg:before{width: 100%; height: 100%; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); position: absolute; content: "";}*/

.banner-box{display: flex; align-items: center; justify-content: space-between; background :#fff;}
.banner-content { width: 40%; position: relative;}

.banner-heading{font-size: 139px; text-transform: uppercase; /*color: #5f5f5f;*/ color: #000;}
.banner-subheading{font-size: 17px; text-transform: uppercase; color: #5f5f5f; letter-spacing: 5px;}
.banner-btn{padding: 20px 40px; color: #424242; background: #ccc; font-size: 20px; text-transform: uppercase; display: inline-block;}
a.banner-btn {color: #424242;}
a.banner-btn:hover {color: #999;}


/*.banner-imageBox{position: relative; padding: 0 50px 72px 0; width: 60%;}*/
.top-pic { display: flex; align-items: baseline;}
.bottom-pic{display: flex; align-items: baseline; position: absolute; z-index: 3; right: 0; bottom: -70px;}

.slider-wrap .owl-theme .owl-nav{margin-top: 0;}
.slider-wrap .owl-prev {
    position: absolute; left: 6%; bottom: 50px; width: 70px; height: 70px; border-radius: 100px !important; border: 2px solid #5f5f5f !important; display: inline-block; color: #5f5f5f !important; font-size: 35px !important; margin: 0;
}
.slider-wrap .owl-next {
    position: absolute; left: 14%; bottom: 50px; width: 70px; height: 70px; border-radius: 100px !important; border: 2px solid #5f5f5f !important; display: inline-block; color: #5f5f5f !important; font-size: 35px !important; margin: 0;
}
.slider-wrap .owl-prev:hover, .slider-wrap .owl-next:hover {background:#868686 !important; color:#fff !important;}
.slider-wrap .owl-item{ z-index: 0;}
.slider-wrap .owl-item.active { z-index: 10;}


/*for main sections css*/

.sec-gap { padding: 100px 0;}

.product-sec{padding: 120px 0 80px; position: relative; border-bottom: 1px solid #ececec;}
/*.product-sec:before{position: absolute; right: 0; top: 0; bottom: 0; width: 50%; content: ""; background:#ededed;}*/

.pro-pic{position: relative;}
.pro-pic:after{width: 2px; height: 170px; background: #000; position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; bottom: -28%;}
.pro-bottom{padding-top: 140px; text-align: center;}
.pro-bottom h6{text-transform: uppercase; line-height: 1.5; font-weight: 300;}

.box-two{margin-top: 120px;}
.box-three{margin-top: 215px;}

.marc-sec{/* padding: 120px 0 100px;*/ border-bottom: 1px solid #ececec;}
.marc-right p{line-height: 1.8;}
.gallery-sec{/*background:#ededed;*/ padding: 100px 0;}

/*-- Image_filter(Start) --*/

.filter-btnList ul{padding-left:0; text-align: center; margin-bottom: 40px;}
.filter-btnList ul li{list-style: none; margin: 0 20px; font-size: 12px; display: inline-block; vertical-align: top; list-style: none; cursor: pointer; text-transform: uppercase; font-family: 'Dosis', sans-serif; letter-spacing: 1px; font-weight: 500; color: #818181;}
  .filter-btnList ul li:hover, .filter-btnList ul li.active{color: #002fa7;}

  .filter-pic{margin-bottom: 30px; position: relative; overflow: hidden; border: 1px solid #ececec;}
  .filter-pic:after{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 0; content: ""; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.6s ease-in-out 0s;}
  .filter-pic img { width: 100%; height: auto;}
  .filter-pic:hover:after{height: 100%;}

  .link-icon{top: -50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 54px; height: 54px; line-height: 50px; text-align: center; background: #fff; color: #000; font-size: 30px; z-index: 99; transition: all 0.6s ease-in-out 0s;}
.filter-pic:hover .link-icon{top: 50%;}

.link-icon a{display: block; color: #000;}


/*-- Image_filter(End) --*/

.marc-right .btn{padding: 20px 50px; text-transform: uppercase; margin-top: 20px;}

.messageBg{position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 100px 0; background-attachment: fixed;}
.messageBg:before{background-image: linear-gradient(rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.7)); top: 0; bottom: 0; left: 0; right: 0; content: ""; width: 100%; position: absolute;}
.message-sec h3{color: #fff; margin-bottom: 50px;}
.message-sec .form-control{ border-bottom: 1px solid #fff; border-top: none; border-left: none; border-right: none; border-radius: 0; color: #727272; font-size: 19px; padding: 10px 5px; background: transparent; height: 50px;}
.message-sec .from-group{margin-bottom: 50px;}
.message-sec .btn{background: #fff; text-transform: uppercase; padding: 20px 50px; color: #000;}
.message-sec .btn:hover{color: #fff; background: #777;}
/*for main sections css*/


/*for footer sections css*/


.ftr-sec{ /*background: #000; */ padding: 50px 0 20px; border-top: 1px solid #d8d8d8;}

.copyrht-text { padding: 0 0 0px; margin-bottom: 0; color: #a7a7a7; text-align: center; text-transform: uppercase; font-size: 19px; letter-spacing: 2px; font-family: 'Dosis', sans-serif;}
ul.copyrht-menu { margin: 0 0 15px; padding: 0; list-style: none; text-align: center;}
ul.copyrht-menu li { list-style: none; display: inline-block; border-left: 1px solid #a7a7a7; padding: 0 12px; font-size: 19px; text-transform: uppercase; font-family: 'Dosis', sans-serif; letter-spacing: 2px;}
ul.copyrht-menu li:first-child { border: 0;}
ul.copyrht-menu li a { color: #a7a7a7;}
ul.copyrht-menu li a:hover{ color: #5f5f5f;}


ul.ftr-social { margin: 0 0 30px; padding: 0; list-style: none; text-align: center;}
ul.ftr-social li { list-style: none; display: inline-block; font-size: 23px; margin-right: 14px; width: 56px; height: 56px; border-radius: 50%; text-align: center; line-height: 54px; color: #777777; border: 1px solid #777777; overflow: hidden;}
ul.ftr-social li:last-child{margin-right: 0;}
ul.ftr-social li a{color: #777; display: block;}
ul.ftr-social li a:hover{/*color: #777; background: #fff;*/ color: #fff; background: #777;}

/*for footer sections css*/

/*-- flash-Page(Start) --*/

.flash-sec{/*background-image: linear-gradient(#989898, #fff);*/ background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100vh;}
.flash-wrapper{display: flex; align-items: center; height: 100vh; justify-content: space-around;}
.flash-left{width: 30%; padding-right: 30px;}
.flash-right{width: 70%;}

.flash-logo { margin-bottom: 50px;}

.flash-left ul{list-style: none; padding-left: 0;}
.flash-left ul li{/*margin-bottom: 15px;*/ border-bottom: 1px solid #e4e4e4;}
.flash-left ul li:last-child{ border-bottom: none;}
.flash-left ul li a{text-transform: uppercase; color: #333; font-size: 30px; letter-spacing: 2px; font-weight: 300; display: inline-block; padding: 15px 10px;}
.flash-left ul li a:hover{ color: #777;}
.for-mob{display: none;}

/*.flash-bg{height: 100vh;}*/
.flash-bg{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.flash-bg img { width: 100%; height: 100%; object-fit: cover;}


.flash-right .owl-carousel .owl-item img { width: auto; margin: 0 auto; height: auto;}
.flash-heading h2 span{color: #585858; font-size: 40px;}

/*-- flash-Page(End) --*/

/*-- Inner-page(Start) --*/
.inner-banner{position: relative; /*height: 450px;*/ overflow: hidden; border-bottom: 1px solid #ececec;}
.inner-banner img { height: 100%; object-fit: cover; width: 100%;}
.inner-banner:before{width: 100%; height: 100%; left: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); position: absolute; content: ""; z-index:99;} 
.innBan-content{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; right: 0; text-align: center; z-index:99;}
.innBan-content .banner-heading { font-size: 70px; margin-bottom: 0;}


.small-text{ font-family: 'Dosis', sans-serif; font-size: 15px; letter-spacing: 0.65em; color: #111; text-align: left; text-transform: uppercase; margin: 0 0 3px 0; padding: 0 0 1px 10px;}
.mb-5{margin-bottom: 40px;}
.about-box {padding: 15px; background: #f6f6f6; transition: all 0.6s ease-in-out 0s; height: 100%;}
.about-box:hover{ box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.1);}
.about-icon{margin-bottom: 30px; text-align: center;}
.about-bottom p, .primitive-boxRight p, .acquiti-right p{line-height: 1.6;}
.primitive-box{ text-align: center; background:#111; height: 100%; position: relative;}
.primitive-content{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.primitive-box h6{color: #999; font-size: 17px; text-align: center; text-transform: uppercase; letter-spacing: 0.55em; margin-bottom: 30px;}
.primitive-box h6 span{font-size: 11px; letter-spacing: 0.35em;}


.primitive-box p{letter-spacing: 0.35em; text-transform: uppercase; font-size: 11px; margin-bottom: 0;}
.primitive-box p a, .primitive-box h6 a{color: #999;}
.primitive-box p a:hover, .primitive-box h6 a:hover{color: #fff;}

.about-pic{position: relative;}
.about-link{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.mb-30{margin-bottom: 30px;}
.pt-0{padding-top: 0;}

.slick-slide img{opacity: 0.3;}
.slick-slide.slick-current img{opacity: 1;}
.acquiti-smBox{border: 1px solid #ccc; border-radius: 2px; background: #dcdcdc;}
.top_slider{border: 1px solid #ccc; padding: 2px; border-radius: 2px; margin-bottom: 20px;}
.acquiti-left .bottom_carousel .slick-slide { margin: 0 10px;}
.acquiti-left .slick-prev:before, .acquiti-left .slick-next:before{color: #000;}
.acquiti-left button.slick-prev.slick-arrow{ left: 0; z-index: 99;}
.acquiti-left button.slick-next.slick-arrow { right: 0; z-index: 99;}

.acquiti-right h6{line-height: 1.4;}

.contact-bg{background-size: cover; background-repeat: no-repeat; position: relative;}
.contact-bg:before{position: absolute; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); content: ""; left: 0; right: 0;}
.contact-wrapper{display: flex; align-items: center;}
.con-form{width: 50%; padding: 40px 10%; background: rgba(255, 255, 255, 0.8); position: relative;}
.con-form .form-control{background: transparent; border-radius: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #9c9c9c; color: #333; height: 50px; box-shadow: none; margin-bottom: 30px; padding: 6px 0; font-size: 14px; font-family: 'Dosis', sans-serif;}

.con-info{width: 50%; padding: 40px 10%; height: 100%; position: relative;}
.con-info ul{padding-left: 0; margin-bottom: 0;}
.con-info ul li{list-style: none; margin-bottom: 50px;}
.con-info ul li:last-child{ margin-bottom: 0px;}
.con-info ul li h6{font-weight: 600; color: #fff;}
.con-info ul li h6 span{margin-right: 10px;}
.con-info ul li p{ color: #999; padding-left: 15px;}

.blog-row{border-bottom:1px solid #ccc; padding: 30px; transition: all 0.6s ease-in-out 0s;}
.blog-row:hover { background: #f6f6f6;}
.blog-left {box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1); background: #fff; /*border: 5px solid #f6f6f6;*/}
.blog-left img { height: auto;}

.blog-right p{line-height: 2;}

.blog-detailsPic{float:left; margin:0 25px 15px 0; box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    border: 5px solid #f6f6f6;}
.buy-contact{padding-left:0;}
.buy-contact li{list-style:none; margin-bottom:12px; color:#000; font-family: 'Dosis', sans-serif; font-size:17px;}
.buy-contact li a{color:#000;}
.buy-contact li a:hover{color:#999;}
.buy-contact li span{color:#999; margin-right: 12px;}
.art-objeBox { position: relative; /*padding: 6px; background: #efefef;*/ border-radius: 3px; /*box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);*/ box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); text-align: center; margin-bottom:30px;
}
.art-objePic img{transition: all 6s ease-in-out 0s;}
.art-objeBox:hover .art-objePic{ opacity: 0.6;}
.art-objeBottom { padding: 15px; border-top: 1px solid #eaeaea;}
.art-objeBottom h5{margin-bottom: 0;}
.notFound-box{padding: 60px 30px; background: #efefef; border-radius: 3px; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15); margin-top: 40px;}

.prasent-contentList{padding-left:0; margin-bottom:0;}
.prasent-contentList li{list-style:none; margin-bottom:8px; color:#5f5f5f;     font-size: 18px;}
.prasent-contentList li span{ color:#a7a7a7;}
.proDetails-past { padding-left: 15px; border-left: 1px solid #a7a7a7;}
.proDetails-pastContent{margin-top:20px;}
.proDetails-pastContent .prasent-contentList li{font-size: 14px;}
.prasent-pic img { width: 100%;}
.proDetails-pastPic img{filter: grayscale(100%);}
.proDetails-heading span{color: #a7a7a7;}
.mfile-upload #mfcf7_zl_multifilecontainer { display: flex; flex-flow: row wrap;}
.mfile-upload #mfcf7_zl_multifilecontainer p{color: #727272; margin-right: 10px;}
.qbutton{background: #fff; text-transform: uppercase; padding: 20px 50px; color: #000; font-family: 'Dosis', sans-serif; font-size: 19px; transition: all 0.3s ease 0s; outline: none; border-radius: 0; letter-spacing: 2px; border: 0; display: inline-block; vertical-align: top;}
.qbutton:hover { color: #fff; background: #777;}
.mfile-upload { border-bottom: 1px solid #fff; text-align: right;}
.contact-sec .mfile-upload label { text-align: left; width: 100%;}
.contact-sec .mfile-upload .qbutton {background: #000; color: #fff; padding: 14px 35px;}
.contact-sec .mfile-upload .qbutton:hover { background: #5f5f5f; color: #fff;}
.contact-sec .con-form .mfile-upload{border-bottom:1px solid #9c9c9c; color:#333;}
.menu-footer-menu-container ul{padding-left:0;}
.artsmallimg { height: auto;}
.artsmallimg img { width: 100%; height: 100%; object-fit: cover;}
.gallery_product .filter-pic {
    position: relative;  overflow: hidden; padding: 50% 0;
}
.gallery_product .filter-pic img {
    width: 100%; height: 80%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.inner-banner .owl-nav{display:none;}
.art-objePic.artsmallimg {
    height: auto;
    position: relative;
    padding: 49% 0;
}
.art-objePic.artsmallimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

/*Media Query css*/

@media only screen and ( min-width:1601px ) {
    .container { width: 1200px;}
}

@media only screen and ( max-width:1500px ) {
    .banner-heading { font-size: 111px;}
}
@media only screen and ( max-width:1199px ) {
    .dnt-btn a { padding: 10px 6px; font-size: 17px;}
    .main_menu ul li a { padding: 9px 6px; font-size: 17px;}
    .main_menu ul li { margin: 0 4px;}
    .logo { width: 250px;}
    .banner-heading { font-size: 90px;}
    .slider-wrap .owl-prev, .slider-wrap .owl-next { width: 70px; height: 70px;}
    .banner-subheading { letter-spacing: 2px;}
    .marc-left h2 { font-size: 47px;}
    .sec-gap{padding: 80px 0;}


}
@media only screen and ( max-width:1024px ) {
    .slider-wrap .owl-prev, .slider-wrap .owl-next {
    bottom: 60px;
    width: 60px;
    height: 60px;
    font-size: 30px !important;}
    .bottom-pic { bottom: -141px;}
    .banner-subheading { letter-spacing: 1px;}
    .banner-btn { padding: 15px 25px;}
    .pro-bottom { padding-top: 80px;}
    .product-sec, .marc-sec, .gallery-sec, .messageBg{ padding: 80px 0 80px;}
    .sec-gap{padding: 50px 0;}
    .primitive-box h6 { letter-spacing: 0.35em;}
    /*.inner-banner {height: 300px;}*/

}
@media only screen and ( max-width: 991px ) {
.flash-heading h2{ font-size: 46px;}
.flash-heading h2 span{ font-size: 30px;}
.flash-left ul li a { font-size: 27px;}

.logo {
    width: 180px;
}
.main_menu ul li {
    margin: 0 3px;
}
.main_menu ul li a {
    padding: 5px 2px;
    font-size: 16px;
}
.dnt-btn a {
    padding: 6px 2px;
    font-size: 14px;
    letter-spacing: 0;
}
.banner-bg { padding: 90px 3% 160px;}
.banner-btn { padding: 12px 20px;}
.banner-heading {font-size: 75px;}
.slider-wrap .owl-prev, .slider-wrap .owl-next { width: 50px; height: 50px; font-size: 25px !important;}

.product-sec, .marc-sec, .gallery-sec, .messageBg{ padding: 60px 0 60px;}
.ftr-sec {padding: 30px 0;}
.marc-left h2 { font-size: 38px;}
ul.ftr-social li{margin-right: 5px;}
.con-info ul li { margin-bottom: 40px;}
.con-form {padding: 30px 5%;}
.con-info {padding: 30px 5%;}
.con-form .form-control { height: 40px; margin-bottom: 20px;}
.sec-gap{padding: 40px 0;}
.blog-row{ padding: 20px;}
.blog-right p{line-height: 1.6;}
.prasent-content{margin-top:20px;}
.innBan-content .banner-heading { font-size: 50px;}

}

@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 767px ) {
    .click{
        display: block;
        cursor: pointer;
        margin-top: 6px;
    }
    .main_menu a.closebtn{
        color: #f6f6f6;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    background-color: rgba(39, 39, 39, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    margin-top: 0;
    }
    .flash-menu #mySidenav{display: block; width: 100%; z-index: 9999; padding-top: 30px; height: 100vh;}

    .main_menu a {
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    /*-- For_mob_menu(End) --*/
    .for-mob{display: block;}
    .flash-left{display: none;}
    .flash-right{width: 100%;}
    .logo { width: 200px;}
    .dnt-btn a { padding: 10px 20px; font-size: 15px;}
    .main_menu ul li { display: block; margin: 0 0px; text-transform: uppercase; text-align: center; border-bottom: 1px solid #444;}
    .main_menu ul li:hover a:after, .main_menu ul li.current-menu-item a:after { height: 1px;}
    .main_menu ul li a { padding: 9px 5px; font-size: 23px;}
    .flash-left ul li a { padding: 10px 6px;}
    .flash-heading h2{color: #fff;}
    .flash-heading h2 span{color: #f6f6f6; font-size: 25px;}
    h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px;}

    h1{ font-size:40px;}
h2{ font-size:40px;}
h3{ font-size:32px;}
h4{ font-size:25px;}
h5{ font-size:20px;}
h6{ font-size:18px;}




.banner-box {
    flex-flow: row wrap;
}
    .banner-content {
    width: 100%;
    order: 2;
    text-align: center;
}
    .banner-imageBox {
    padding: 0 0px 34px 0;
    width: 100%;
    order: 1;
}
.bottom-pic {
    bottom: 0; position: relative;
}
.bottom-pic .top-picOne, .bottom-pic .top-picTwo {
    width: 50%;
}
.banner-bg { padding: 90px 2% 110px;}

.banner-heading { font-size: 55px;}
.innBan-content .banner-heading { font-size: 40px;}
.slider-wrap .owl-next { left: 55%; transform: translateX(-50%); bottom: 40px;}
.slider-wrap .owl-prev{ left: 43%; transform: translateX(-50%); bottom: 40px;}
.product-sec, .marc-sec, .gallery-sec, .messageBg{ padding: 40px 0 40px;}
.box-two, .box-three {margin-top: 30px;}
.pro-box { text-align: center;}
.pro-pic:after { height: 60px; bottom: -25px;}
.pro-bottom { padding-top: 30px;}
.marc-right {text-align: center;}
ul.ftr-social li {
    font-size: 15px;
    margin-right: 2px;
    width: 34px;
    height: 34px;
    line-height: 32px;}
    ul.copyrht-menu {
    margin: 0 0 10px;}
    ul.copyrht-menu li {
    padding: 0 8px;
    font-size: 17px;
    letter-spacing: 1px;}
    .copyrht-text { font-size: 17px; letter-spacing: 1px;}
    .message-sec .from-group { margin-bottom: 20px;}
    .message-sec h3 { margin-bottom: 20px;}
    .message-sec .btn { padding: 10px 35px;}
    .qbutton, .contact-sec .mfile-upload .qbutton { padding: 10px 35px; margin-top: 30px;}
    .contact-sec .con-form .mfile-upload { border-bottom: none;}
    ul.ftr-social { margin: 0 0 20px;}



    .flash-bg { padding: 80% 0; position: relative;}
    .flash-bg img { position: absolute; top: 50%; bottom: 0; height: auto; transform: translateY(-50%); }
    .sec-gap{padding: 30px 0;}
    .row-eq-height{flex-flow: row wrap; display: block;}
    .filter-pic{text-align: center; overflow: inherit; margin: 0 auto 15px;}
    .link-icon{opacity:0;}
    .filter-pic:hover .link-icon{opacity:1;}
    
    .blog-detailsPic{float:none; text-align:center; margin: 0 0 15px;}
    .banner-subheading { margin-bottom: 8px;}
    .innBan-content { bottom: 16%; /*transform: inherit;*/}
    .blog-detailsPic img { height: auto;}
    .blog-right { margin-top: 20px;}
    .blog-left { border: 4px solid #f6f6f6; text-align: center;}
    .mfile-upload { border-bottom: none; text-align: center;}
    .ftr-sec { padding: 20px 0;}
    .mb-5 { margin-bottom: 20px;}
    .about-box {margin-bottom: 15px; height: auto; text-align: center;}
    .primitive-content { position: relative;  left: 0; top: 0; transform: inherit;  padding: 30px 15px;}
    .about-pic { margin-bottom: 15px;}
    .btn{padding:6px 25px;}
    /*.inner-banner {height: 250px;}*/
    .innBan-content .banner-heading { font-size: 40px;}
    .proDetails-past { padding-left: 0; border-left: none; padding-top: 20px; border-top: 1px solid #a7a7a7;}
    .prasent-content {  margin-bottom: 20px;}
    .con-form .btn { margin: 0 auto; display: table;}

    

}
@media only screen and ( max-width: 575px ) {
    .dnt-btn a { padding: 5px 6px; letter-spacing: 0.5px; font-size: 15px;}
    .click { margin-top: 2px;}
        h1{ font-size:35px;}
h2{ font-size:35px;}
h3{ font-size:28px;}
h4{ font-size:24px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
ul.ftr-social { margin: 0 0 12px;}
.product-sec, .marc-sec, .gallery-sec, .messageBg {padding: 30px 0 30px;}
.flash-heading h2 { font-size: 35px;}
.contact-wrapper { display: block;}
.con-form, .con-info { padding: 30px 5%; width: 100%;}
.con-info ul li { margin-bottom: 20px;}
.con-info{text-align: center;}
.blog-row{ padding: 15px; margin-bottom:20px;}
.innBan-content .banner-heading { font-size: 35px;}
/*.blog-row { padding: 10px 20px;}*/
/*.sec-gap { padding: 30px 0;}*/
.art-objeBox { margin-bottom: 20px;}

}
@media only screen and ( max-width: 480px ) {
.dnt-btn a { padding: 5px 3px; letter-spacing: 0px; font-size: 14px;}
.logo { width: 170px;}
.slider-wrap .owl-next { left: 58%; transform: translateX(-50%); bottom: 40px; width: 40px; height: 40px; font-size: 20px !important;}
.slider-wrap .owl-prev{ left: 40%; transform: translateX(-50%); bottom: 40px; width: 40px; height: 40px; font-size: 20px !important;}
ul.ftr-social li { font-size: 14px;
    margin-right: 1px;
    width: 30px;
    height: 30px;
    line-height: 29px;}
.message-sec h3 { margin-bottom: 15px;}
ul.copyrht-menu li { padding: 0 5px; letter-spacing: 0px; font-size: 15px;}
/*.innBan-content .banner-heading { font-size: 22px;}*/
/*.innBan-content { position: relative; top: 0; bottom: 0; padding: 15px;}*/
.copyrht-text { font-size: 15px;}
.qbutton, .message-sec .btn { padding: 6px 25px;}
.sec-gap { padding: 20px 0;}
.acquiti-left .bottom_carousel .slick-slide { margin: 0 1px;}

}

@media only screen and ( max-width: 380px ) {
.logo {
    width: 150px;
}

/*Media Query css*/