@charset "utf-8";
/* CSS Document */
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;   
    box-sizing:border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
     text-decoration: none;
	 background:#fff;
}
@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Light.eot');
    src: url('../fonts/Geomanist-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Light.woff2') format('woff2'),
        url('../fonts/Geomanist-Light.woff') format('woff'),
        url('../fonts/Geomanist-Light.ttf') format('truetype'),
        url('../fonts/Geomanist-Light.svg#Geomanist-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

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

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-ExtraLight.eot');
    src: url('../fonts/Geomanist-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-ExtraLight.woff2') format('woff2'),
        url('../fonts/Geomanist-ExtraLight.woff') format('woff'),
        url('../fonts/Geomanist-ExtraLight.ttf') format('truetype'),
        url('../fonts/Geomanist-ExtraLight.svg#Geomanist-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Ultra.eot');
    src: url('../fonts/Geomanist-Ultra.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Ultra.woff2') format('woff2'),
        url('../fonts/Geomanist-Ultra.woff') format('woff'),
        url('../fonts/Geomanist-Ultra.ttf') format('truetype'),
        url('../fonts/Geomanist-Ultra.svg#Geomanist-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Medium.eot');
    src: url('../fonts/Geomanist-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Medium.woff2') format('woff2'),
        url('../fonts/Geomanist-Medium.woff') format('woff'),
        url('../fonts/Geomanist-Medium.ttf') format('truetype'),
        url('../fonts/Geomanist-Medium.svg#Geomanist-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Bold.eot');
    src: url('../fonts/Geomanist-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Bold.woff2') format('woff2'),
        url('../fonts/Geomanist-Bold.woff') format('woff'),
        url('../fonts/Geomanist-Bold.ttf') format('truetype'),
        url('../fonts/Geomanist-Bold.svg#Geomanist-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Black.eot');
    src: url('../fonts/Geomanist-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Black.woff2') format('woff2'),
        url('../fonts/Geomanist-Black.woff') format('woff'),
        url('../fonts/Geomanist-Black.ttf') format('truetype'),
        url('../fonts/Geomanist-Black.svg#Geomanist-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Book.eot');
    src: url('../fonts/Geomanist-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Book.woff2') format('woff2'),
        url('../fonts/Geomanist-Book.woff') format('woff'),
        url('../fonts/Geomanist-Book.ttf') format('truetype'),
        url('../fonts/Geomanist-Book.svg#Geomanist-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Thin.eot');
    src: url('../fonts/Geomanist-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Thin.woff2') format('woff2'),
        url('../fonts/Geomanist-Thin.woff') format('woff'),
        url('../fonts/Geomanist-Thin.ttf') format('truetype'),
        url('../fonts/Geomanist-Thin.svg#Geomanist-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}
.anchor a {
  position: absolute;
  left: 0px;
  top:-100px;
}
.anchor {
  position: relative;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666666;
    opacity: 1; /* Firefox */
}

input.contact_txtbox::-webkit-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}
 input.contact_txtbox::-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}
 input.contact_txtbox:-ms-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}
 input.contact_txtbox:-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}





textarea.contact_addbox::-webkit-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}
 textarea.contact_addbox::-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}
 textarea.contact_addbox:-ms-input-placeholder {
    color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}
 textarea.contact_addbox:-moz-placeholder {
    color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Geomanist';
	 font-weight:400
}





input.quick-enqiury-box1::-webkit-input-placeholder {  opacity: 1 !important;
	
color: #666666;

 	}
input.quick-enqiury-box::-webkit-input-placeholder {  opacity: 1 !important;
	
color: #666666;

 	}

.clear {
    clear: both 
}
.img-ful {
    width: 100%;
    height:auto;
    display: block 
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.container{
	width:100%;
	height:auto;
	padding-left: 5%;padding-right: 5%;
	}
 .topwraper-bg{
     width:100%;
     height:150px;
     position:absolute;
     left:0px;
     top:0px;
	 background:url(../images/headerbg.png) no-repeat left top;
	 z-index:8
}

.header-wraper{
	width:100%;
	height:auto;
	
  position: absolute;top: 0px;
  z-index:9

	}
.logo-wraper{
	width:30%;
	height:auto;
	float:left;
	padding-top:25px;
	
	/*background: url(../images/logobg.png) no-repeat center center  */  
	}

.logo-container{
	width:auto;
	height:auto;
	float:left;padding-right: 5%;padding-top: 2%;
	}	

.top-right{
	width:70%;
	height:auto;
	float:right;
	padding-top:10px;
	}
.top-call-mail{
	width:auto;line-height: 30px;
	height:30px;float: right;
	}

.top-mail{
	width:auto;
	height:auto;
	font-family: 'Geomanist';
	font-size: 0.95em;
font-weight:normal;
	color:#666666;
	background:url(../images/mail.png) no-repeat left center;
	padding-left:18px; line-height:30px;
	float:left;
	}
.top-mail a{
	  font-family: 'Geomanist';
	color:#fff;
	}	
.top-call{
	width:auto;
	height:auto;
	float:left;
	  font-family: 'Geomanist';
	font-size: 0.95em;
	font-weight:normal;
	color:#fff;
	background:url(../images/call.png) no-repeat left center;
 padding-left:15px;
    margin-right: 20px;
    line-height:30px;
	}
.top-call a{
	  font-family: 'Geomanist';
	color:#fff;
	}	
.top-menu-btn{
	width:auto;
	height:50px;line-height: 50px;
	float:right;	
	padding-top:5px;
	padding-bottom:5px;
	}
.top-menu{
	width:auto;
	height:auto;
	float:right;
	}

.top-call_line{width:auto;
	height:auto;
	float:right;color: #fff;
	
;    padding-left:20px;
    margin-right: 18px;
    line-height:40px;}




/*****************************************************************header*************************************************************/

.banner-wraper{
	width:100%;
	height:auto;	
	position:relative;margin-top: 0;
	}
.home_banner{width: 100%;height: auto;}
.home_banner_text_wrap{position: absolute;right:5%;bottom: 25%;    width: auto;}
.home_banner_text_wrap h1{
	font-family: 'Geomanist';
	font-weight: bold;
	font-size:4.25em;
	text-transform: capitalize;
	line-height:70px;
	color:#ec008c;
	text-shadow: 2px 2px #000000;
    text-align: left;
    margin: 0 auto;
}
.home_banner_text_wrap h1 span{color:#b3d236;}
.home_banner_text_wrap h3{
	font-family: 'Geomanist';
    font-weight: normal;
    font-size: 4.25em;
    text-transform: uppercase;
    line-height:70px;
    color: #01aef0;
    text-align: left;    letter-spacing: -3px;
    margin: 0 auto;text-shadow: 2px 2px #000000;
}
.home_banner_text_wrap h3 span{font-weight: 400;}
.home_banner_text_wrap h4{
	    font-family: 'Geomanist';
    font-weight: 300;
    font-size: 1.6875em;
    text-transform: none;
    line-height: 30px;
    color: #fff;
    text-align: right;
    margin: 0 auto;
}

.inner_banner_text_wrap{position: absolute;right:5%;bottom: 15%;width: 50%;}

.inner_banner_text_wrap h1{
	font-family: 'Geomanist';
	font-weight: normal;
	font-size:4.25em;
	text-transform: capitalize;
	line-height:65px;
	color:#ec008c;
	text-shadow: 2px 2px #000000;
    text-align: left;
    margin: 0 auto;}
.inner_banner_text_wrap h1 span{color:#b3d236;}
.inner_banner_text_wrap h2{
	font-family: 'Geomanist';
	font-weight: bold;
	font-size:2.5em;
	text-transform: none;
	line-height:48px;
	color:#264b90;
	padding-left: 5%;padding-top: 1%;
    text-align: left;
    margin: 0 auto;
}
.inner_banner_text_wrap h3{
	font-family: 'Geomanist';
    font-weight: normal;
    font-size: 4.25em;
    text-transform: uppercase;
    line-height:60px;
    color: #01aef0;
    text-align: left;    letter-spacing: -3px;
    margin: 0 auto;text-shadow: 2px 2px #000000;
}
.inner_banner_text_wrap h3 span{font-weight: 400;}
.inner_banner_text_wrap h4{
	  font-family: 'Geomanist';
    font-weight: 300;
    font-size: 1.6875em;
    text-transform: none;
    line-height: 30px;
    color: #fff;
    text-align: right;
    margin: 0 auto;
}
.inner_banner_text_wrap h4 span{font-weight: 300}
.inner_banner_text_wrap h5{
	font-family: 'Geomanist';
	font-weight: normal;
	font-size:1.125em;
	text-transform: none;
	line-height:34px;
	color:#ffffff;padding-left: 5%;
    text-align: left;
    margin: 0 auto;
}

/****************************************************************ourpdt section********************************************/



.ourpdt-wraper{	width:100%;    
	height:auto;padding-top: 40px;
	}
.ourpdt-wraper h2{
	text-align: center;
	font-family: 'Geomanist';
	font-size: 2.25em;
	font-weight: 500;color: #ed008c;
	text-transform: none;position: relative;padding-bottom: 10px;
    }
.ourpdt-wraper h2 span{color: #01aef0;	}
.pdt_box{    border-right: 1px solid #fff;
	width:25%;float: left;position: relative;
	height:auto;text-align: justify;
	}
.pdt_title{position: absolute;bottom: 0;height:50px;text-align: center;background-color: rgba(0, 0, 0, 0.7);width: 100%;line-height: 50px;color: #fff;	font-family: 'Geomanist';
	font-size:1.75em;font-weight: normal}


/**************************************ourpdt section******************************************/

.welcome-wraper{
	width:100%;    
	height:auto;padding-top: 50px;
	
	}
.welcome-pic{
	width:25%;float: left;
	height:auto;text-align: justify;
	}
.welcome-text{
	width:100%;float: left;
	height:auto;text-align: justify;
	}

.welcome_hdbee{position: absolute;top: -35px;left:35px}

.sub-home{
	    text-align: left;
    font-family: 'Geomanist';
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
    position: relative;
    color: #666666;
	 margin-top:20px;
}

.sub-home-finish{
	    text-align: left;
    font-family: 'Geomanist';
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
    position: relative;
    color: #666666;
	 margin-top:0px;
}


.welcome-wraper h3 span{color: #febc11;	font-weight: 200;}

.welcome-text h2{
	text-align: left;
font-family: 'Geomanist';
font-size: 2.375em;
font-weight: 500;
text-transform: none;

color: #01aef0;
}

.welcome-text h2 span{color: #ed008c;	}
.welcome-text p{
	text-align: justify;
	font-family: 'Geomanist';
	font-size: 1.0625em;
	font-weight:300;  
	color: #393939;
	line-height: 27px;
}





.quick-enqiury {
    width: 100%;
    height: auto;
  
    
}

.quick-enqiury-container {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.quick-enqiury-box {
   width: 100%;

height: 40px;

border: 1px solid #c2c2c2;

line-height: 40px;

padding-left: 5%;

font-family: 'Geomanist';

padding-right: 5%;

color: #666666;

font-size: 1em;
}

.buttonfx {
    color: #fff;
    outline: none;
    background: #febc11;
    border: none;
    letter-spacing: 0.0625em;
    padding: 8px 10px;
    text-transform: uppercase;
    line-height: 2;
    position: relative;
    display: inline-block;
   
   
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
    z-index: 1;
    border-radius: 5px;
    font-family: "Geomanist";
    font-size: 1em;
    font-weight: 700;
}


.quick-enqiury-box1 {
    width: 100%;
    height: 90px;
    border: 1px solid #c2c2c2;
    line-height: 24px;color:#333333;
    padding-left: 5%;
    padding-right: 5%;font-family: 'Geomanist';
}



.offset_print{width: 100%;height: 380px;padding-bottom: 40px;padding-top:40px;background: url(../images/bg.jpg) no-repeat ;background-size: 100%;position: relative;}
.offset_text_wrap{position: absolute;right: 5%;bottom: 20%;width: 40%;}
.box1{width: 100%;
	height: 45px;
	background: #f8c703;
	line-height: 45px;
	text-align: right;
	color: #fff;padding-right: 5%;font-family: 'Geomanist';
	font-size:1.6875em;
	font-weight: 300;
	text-transform: none;


}
.box2{width: 90%;
	height: 45px;
	background: #ed008c;
	margin-left: 10%;
	line-height: 45px;
	text-align: right;
	color: #fff;
	font-family: 'Geomanist';
	font-size:2.125em;
	font-weight: 400;
	text-transform: uppercase;padding-right: 5%;
}
.box3{width: 80%;
	height: 45px;
	background: #01aef0;
	margin-left: 20%;
	line-height: 45px;
	text-align: right;
	color: #fff;
	padding-right: 5%;
	font-family: 'Geomanist';
	font-size:2.125em;
	font-weight: 500;
	text-transform: uppercase;

}

.client_outer_wrap{width:100%;height: auto;margin-top: 50px;padding-bottom: 2%;position: relative}
.client_outer_wrap h2{
	text-align: left;
	font-family: 'Geomanist';
	font-size:2.25em;
	font-weight: 500;
	text-transform: none;position: relative;
   color: #ed008c;padding-bottom: 10px;
}

.client_outer_wrap h2 span{	 color: #01aef0;}

.line_client{width: 97%;

height: 6px;

border-top: 1px solid #e5e5e5;

float: right;

margin-top: 3px;}

.client_pic{width:2%;float: left;height: 6px;background: url(../images/dots.jpg) no-repeat ;}
/*footer*/

.footer{
    width:100%;
    height:auto;
    background-color:#000;
}
.copyright{
    width:auto;
    height:auto;
  font-family: 'Geomanist';
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,0.6);
    line-height:40px;
    float:left;
}
.designed{
    width:auto;
    height:auto;
    float:right;
}
.designed p{
    width:auto;
    height:auto;
    line-height:40px;
    float:left;
     font-family: 'Geomanist';
    font-size:14px;
    color:rgba(255,255,255,0.6);
    font-weight:400;
}
.designed p a{
    font-family: inherit;
    font-size:1em;
    color:rgba(255,255,255,0.6);
    font-weight:400;
}
.designed p a:hover{
    font-family: inherit;
    font-size:1em;
    color:rgba(255,255,255,1);
    font-weight:400;
}
.mob-footer{
    display:none 
}
.designed{
    display:block 
}
.company-logo{
    width:auto;
    height:40px;
    float:right;
    padding-left:5px;
	line-height: 40px;
}

.footer-bottom{
    width:100%;position: relative;
    height: auto;
    padding-top:38px;
    background:#ffffff;
	padding-bottom:25px;
}
.footer-social {
    width: 20%;
    height: auto;padding-left: 5%;
    float: right;
    text-align: left;
}
.foot_los_wrap{    width: 50%;
    height: auto;
    padding: 5%;
    text-align: center;padding-left: 10%;}
.foot_los_map{    width: auto;
    height: auto;
    padding: 5%;font-family: 'Geomanist';
	font-size:1.125em;color: #666666;
	font-weight: normal;
    text-align: left;}
.followus{width: auto;height: auto;
	line-height: 38px;float: left;font-weight: 300;
	padding-right: 2%;color:#a3a3a3 ;font-family: 'Geomanist';
    font-size: 1em;}
.footer-social ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}


.footer-social ul li {
    display: inline-block;line-height: 38px;
}


.footer-social ul li i {
    width: 25px;
    height: 35px;   
    text-align: center;
    line-height: 35px;
    color:#858585;
	
	font-size:15px;
    
}

.footer-social ul li i:hover{color: #febc11}



.footer{
    width:100%;
    height:auto;
    background-color:#333;
}
.footer-title {
    
   
  color: #01aef0;

font-family: 'Geomanist';

font-size: 1.75em;

font-weight: 500;

text-transform: none;

line-height: 32px;

margin-bottom: 10px;
}
.footer-title  span{ color: #ed008c;}
.foot_address{
	width:30%;
    height:auto;
    float:left;
}
.foot_address p { color:#a3a3a3 ;  font-family: 'Geomanist';
	font-size:1em;line-height: 26px;
	font-weight: normal }

.quick-links{
    width:25%;
    height:auto;
    float:left;
}
.quick-links p { color:#666666 ; font-family: 'Geomanist';
	font-size:1em;line-height: 27px;
	font-weight: normal }
.footer-address{
    width:30%;
    height:auto;
    float:left;
    padding-left:3%;
}




.footbtn {
    width: 30%;
    height: auto;
    float: left;
   
}

.form-submit-foot {
    background: #7c6854;
    color: #fff;
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    height: 38px;
    width: 100px;
    text-transform: uppercase;
    float: left;
    cursor: pointer;
    text-align: center;
}

.form-submit-foot:hover{background:#febc11 }



  .footer-menu {
    width: 30%;
  
    height: auto;
    float: left;
    text-align: left;
}

.footer-menu ul {
    padding: 0;
    margin: 0;width: 50%;
    list-style: none;float: left;
}

.footer-menu ul li {
   
    padding-right: 20px;
    color: #fff;
    line-height: 38px;
    font-family: 'Geomanist';
    font-size: 1em;
    text-transform: none;
}
.footer-menu ul li a {
    font-family: 'Geomanist';
    font-size: 1em;
    color: #666666;font-weight: normal;
}


.footer-menu ul li a:hover{color:#ed008c }
/*footer*/


.abt-wraper{
	width:100%;    
	height:auto;
	
	
	}
.abt-wraper h2 {

    text-align: left;
    font-family: 'Geomanist';
    font-size: 2.25em;
    font-weight: 500;
    color: #ed008c;
    text-transform: none;
    position: relative;
    padding-bottom: 10px;

}
.abt-wraper h2 span {

    color: #01aef0;

}

.abt-wraper p{text-align: justify;

font-family: 'Geomanist';

font-size: 1.0625em;

font-weight: 300;padding-bottom: 50px;

color: #393939;


line-height: 27px;}


.mission_vision_wrap{width: 100%;height: auto;padding-bottom: 50px;}
.mission{width: 48%;height: auto;float: left;}
.mission_pic{width: 33%;float: left;height: auto;}
.mission_txt{width:62%;height: auto;float: right;padding-left:4%;border-left: 1px solid #e0e0e0}
.vision{width:48%;height: auto;float: right;padding-left:3%;}




.mission_txt h3{ text-align: left;
    font-family: 'Geomanist';
    font-size: 1.5em;
    font-weight: 500;
    color: #ed008c;
    text-transform: none;
    position: relative;
    padding-bottom: 10px;}
.mission_txt h3 span {

    color: #01aef0;

}

.mission_txt p{text-align: justify;

font-family: 'Geomanist';

font-size:1em;

font-weight: 300;padding-bottom:20px;

color: #393939;


line-height: 27px;}


.digital-wraper{
	width:100%;    
	height:auto;margin-bottom: 200px;margin-top: 10px;
	
	
	}
.digital-title{

    text-align: left;
    font-family: 'Geomanist';
    font-size: 2.25em;
    font-weight: 500;
    color: #ed008c;
    text-transform: none;
    position: relative;float: left;
   width: auto;

}
.digital-title span {

    color: #01aef0;

}

.digital-wraper p{text-align: justify;

font-family: 'Geomanist';

font-size: 1.0625em;

font-weight: 300;padding-bottom: 50px;

color: #393939;


line-height: 27px;}




















.portfolio_wrap{width:100%;	height:auto;margin-bottom: 100px;	}
.portfolio_picwrap{width:100%;	height:auto;display: table;	}
.portfolio_left{width: 50%;display: table-cell;vertical-align: middle;padding-right: 2%;}
.portfolio_right{width: 50%;display: table-cell;vertical-align: middle;padding-left: 2%;}
.portfolio_innerwrap{width:100%;	height:auto;	}
.portfolio_innerpicwrap{width:100%;	height:auto;display: table;	}
.portfolio_innerleft{width: 50%;display: table-cell;vertical-align: middle;position: relative}
.portfolio_innerright{width: 50%;display: table-cell;vertical-align: middle;position: relative}

.portfolio_inner_txt_right{width: 50%;display: table-cell;vertical-align: middle;padding-left: 5%}
.portfolio_inner_txt_left{width: 50%;display: table-cell;vertical-align: middle;padding-right: 5%}
.portfolio_inner_txt_right p{
	width: 100%;
height: auto;
text-align: justify;
font-size: 1em;
font-family: 'Geomanist';
font-weight: 300;
color: #393939;
line-height: 25px;
padding-top: 5px;
}
.portfolio_inner_txt_left p{
	width: 100%;
height: auto;
text-align: justify;
font-size: 1em;
font-family: 'Geomanist';
font-weight: 300;
color: #393939;
line-height: 25px;
padding-top: 5px;
}
.portfolio_wrap p{
	width: 100%;
height: auto;
text-align: justify;
font-size: 1em;
font-family: 'Geomanist';
font-weight: 400;
color: #5f666f;
line-height: 25px;
padding-top: 5px;
}

.portfolio_hd{
  
  
   width: 100%;
    height: auto;
    padding: 10px 0% 0% 0%;
   font-family: 'Geomanist';
    font-size: 1.8em;
    color: #0397bc;
    line-height: 30px;
    font-weight:500;
    margin-bottom: 5px;}



.portfolio_desc{width: 100%;height: auto;margin-top: 1%;}




.clients_outer{width:90%;margin: 0 auto;height: auto;margin-bottom: 200px;}
.clients_inner{width:20%;
	float: left;
	height: 145px;
	margin-right:0%;
	border-bottom: 1px solid #e5e5e5;
	display: flex;align-items: center;justify-content: center;
	padding: 2%;margin-top:0%;
	border-right: 1px solid #e5e5e5;
}


.clients_inner:nth-child(5n+5){border-right: 0px solid #e5e5e5;}
.clients_inner:nth-child(6){border-bottom: 0px solid #e5e5e5;}
.clients_inner:nth-child(7){border-bottom: 0px solid #e5e5e5;}



















/*********************************************breccmssssssssss*************************************/
.bred-wraper{
	width:100%;
	height:auto;padding-top:25px;
	padding-bottom:25px;
	}	
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Geomanist';
	font-size:1em;
	font-weight:300;
	
	color:#393939;
	text-transform:none;
	background:url(../images/bred-arw.png) no-repeat right center;
	padding-right:15px;
	margin-right:5px;
	}
.bred-next{
	width:auto;
	height:auto;
	font-family: 'Geomanist';
	font-size:1em;
	font-weight:300;
	
	color:#393939;
	text-transform:none;
	}
.bred-home a {
    font-family: 'Geomanist';
    font-weight: 300;
    color: #393939;
	
	
}
.bred-home a:hover {
   	font-family: 'Geomanist';
    font-weight: 300;
    color: #264b90;
	
	
}
/*********************************************breccmssssssssss*************************************/





/*********************contact**********************/

.contact_wrap{width: 100%;height: auto;margin-bottom:50px;}
.contact_right{width: 45%;height: auto;float: right;}
.contact_left{width: 50%;height: auto;float: left;margin-top: 10px;}
.gmap{width: 100%;height: auto;}
.form_wrap{width: 100%;height: auto;margin-top:2%;}
.contact_txtbox {
 font-family: 'Geomanist';
    font-size: 14px;
    color:#666;
    font-weight:400;
    line-height: 1.4em;
   padding-left:5px;
    margin-right:5px;margin-bottom:3%;;
    border: 1px solid #ababab;
    height: 40px;
    width:100%;float: left;
    background: none;
}
.contact_txtbox1 {
 font-family: 'Geomanist';
    font-size: 14px;
     color:#333;
    font-weight:400;
    line-height: 1.4em;
    padding-left:5px;
   margin-bottom: 3%;
    border: 1px solid #ababab;
    height: 40px;
    width: 48%;float: right;
	background: none;}
.contact_txtboxful {
   font-family: 'Geomanist';
    font-size: 14px;
    color: #999999;;
    font-weight:400;
    line-height: 1.4em;
    padding-left:1%;;
  margin-bottom: 3%;
    border: 1px solid #ababab;
    height: 40px;
    width: 99%;
	background: none;}
.contact_addbox {
 font-family: 'Geomanist';
    font-size: 14px;
    color: #999999;;
    font-weight:400;
    line-height: 1.4em;
   padding-left: 1%;
    margin: 0 auto 2% auto;
    border: 1px solid #ababab;
    height: 140px;
    width: 100%;
    background: none;float: left;margin-bottom: 3%;
}



.contact_enq{width: 100%;height: auto;float: left;}

.cont_txt{
	width: 100%;
	height: auto;margin-bottom: 10px;
	}
.cont_pic{ width:100px;height: 100px;
	;float: left;
	
	text-align: center;
	
	

}
.contact_icon{width: 45px;
	height:45px;padding-left: 27px;padding-top: 27px;
	
	

}
.contdesc{ float: left;
    height: auto;
    margin-left:25px;
    width:60%;
  }

.contdesc h2{
	width: 80%;
	margin:0px;
	padding: 0px; 
	height: auto;
	font-family: 'Geomanist';
    font-size:1em;
	color:#0f7ba4;
    font-weight:500;
	text-transform: uppercase;
}
.contdesc p{
	width: 98%;
	height: auto;
	  font-family: 'Geomanist';
    font-size: 1em;
	color:#666666;
	line-height: 24px;
    font-weight: 300;
	padding-top: 10px;margin-bottom: 0px;padding-bottom: 10px!important;
}
.formbtn {
    width: 98%;
    height: auto; margin:0 auto;
}

.contact_wrap h1{
	color:#38b1e3;
	font-family: 'Geomanist';
	font-weight:400;font-size: 28px;
	text-transform: uppercase;margin-bottom: 2%;}


.form-submit {
    background: #38b1e3 ;
  
    color: #fff;
   font-family: 'Geomanist';
    font-size: 1em;
    font-weight: 400;
    line-height: 45px;
	
    height: 45px;
    width: 160px;
    text-transform: uppercase;
    float: right;
    cursor: pointer;text-align: center;

}

/*********************contact**********************/







/*------------------- S PRODUCT -------------------*/

.products-container{
	width:23.5%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	position:relative;
}
.products-container:nth-child(4n+4){ margin-right:0%;}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background:#000;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  /*padding: 3em;*/
  text-align: center;
}

.hovereffect img {
  display: block;
  position: relative;
  width:100%;
 /* width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);*/
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
/*  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
*/}

.hovereffect a, .hovereffect h3 {
  color: #FFF;
  opacity: 1;
  filter: alpha(opacity=100);
 /* -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
*/}



.hovereffect h3 {
    position: absolute;
    bottom: 0;
    height: 50px;
/*    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
*/    width: 100%;
   /* line-height: 50px;
    color: #fff;
    font-family: 'Geomanist';
    font-size: 1.75em;
    font-weight: normal;
	text-transform:capitalize;*/
	
	text-align: center;
	font-family: 'Geomanist';
	font-size:1em;
	color:#333;
	text-transform: none;
	font-weight:normal;
	line-height:50px;
}

.hovereffect:hover .overlay:before,
.hovereffect:hover a{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect:hover .overlay:before,
.hovereffect:hover h3 {
  opacity:0;
  filter: alpha(opacity=0);
}



.hovereffect:hover img {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
    font-family: 'Geomanist';
    font-size: 1.1em;
    font-weight: normal;
	text-align:center;
	text-transform:capitalize;
	padding-top:40%;
}





.gallery-dtls{
	margin-bottom:15px;
}



.gallery-dtl{
    width:24.25%;
    height: auto;
    background-color: #f3f3f3;
    margin-right: 1%;
    margin-bottom:1%;
	float:left;
	cursor:pointer;
}
.gallery-dtl:nth-child(4n+4){ margin-right:0%;}

.album-for{
	/*height:250px !important;
	
	overflow:hidden;*/
	width:100%;
	position:relative;
	height:auto;
}


.finishing{
    width:20%;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/
    margin-right: 5%;
   /* margin-bottom:5%;*/
	float:left;
	cursor:pointer;
}

.finishing-title{
	text-align: center;
	font-family: 'Geomanist';
	font-size:1.500em;
	color:#333;
	text-transform: none;
	font-weight:normal;
	border-top:1px solid #666;
	line-height:40px;
    }

.finishing:nth-child(3n+3){ margin-right:0%;}

.design-title{
	text-align:left;
	font-family: 'Geomanist';
	font-size: 2.25em;
	font-weight: 500;color: #ed008c;
	text-transform: none;position: relative;padding-bottom: 10px;
	margin-bottom:10px;
    }
.design-title span{color: #01aef0;	}

.design-sub {
    text-align: left;
    font-family: 'Geomanist';
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
    position: relative;
    color: #666666;
}
.design-container{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.design-container ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.design-container ul li{
	text-align:left;
font-family: 'Geomanist';
font-size: 1.0625em;
font-weight: normal;
color: #393939;
padding-top: 1em;
line-height:30px;
background: url(../images/check-mark.png) no-repeat left 15px;
padding-left:22px
}
/*.design-container ul li:before{
content: "";
    display: block;
    background: url("../images/check-mark.png") no-repeat;
    width: 16px;
    height:16px;
    float: left;
    margin:8px 6px 0 0;}
*/.finishing-content {
    text-align: justify;
    font-family: 'Geomanist';
    font-size: 1.0625em;
    font-weight: 300;
    color: #393939;
    line-height: 27px;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
}

/*------------------- E PRODUCT -------------------*/


.jobs-wrap {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.job-pic {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}

.jobs-content {
    width: 50%;
    height: auto;
    float: left;
   /* padding-left: 5%;*/
}

.job-content1 {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 5%;
}
.finishing-wrap{
	width:100%;
	height:auto;
	padding-bottom:3%;
	margin-bottom:3%;
	border-bottom:1px solid #ccc;
	display:flex;
	align-items:center;
}
.finishing-dtl{
	width:65%;
	float:left;
}

.finishing-dtl p {
    text-align: justify;
    font-family: 'Geomanist';
    font-size: 1.25em;
    font-weight: 400;
    padding-bottom:0px;
    color: #393939;
    line-height: 27px;
}

.finishing-wrap:last-child{ margin-bottom:0%; border-bottom: 0px !important;}

.enquiry-contact{
	width:48%;
	height:auto;
	float:left;
	margin-right:1%;
	margin-bottom:2%;
	margin-left:1%
}
.contact-enquiry-box{
	width:100%;
	height:48px;
	border:1px solid #ccc;
	padding-left:5%;
	padding-right:5%;
	line-height:48px;
	font-size: 14px;
font-family: 'geomanistregular';
font-weight: normal;
font-style: normal;
color:#666;
}

.typewrap{ width:100%; height:auto;}
.loc-wrapfooter{
	width:auto;
	height:auto;
}
.welcome-pics{float:left; margin-right:20px; margin-bottom:5px;}
.design-pics-wrap{
	width:48%; float:left; padding-right:2%; padding-top:2.1%
}
.design-pics{
	width:100%; height:auto;
}
.design-container-wrap{width:50%; float:left; padding-left:4%}

.finishing-content-for{
    text-align: justify;
    font-family: 'Geomanist';
    font-size:1.0625em;
    font-weight: 300;
    padding-bottom:0px;
    color: #393939;
    line-height: 27px;
}
.finishing-pics{
	width:100%;
	height:auto;
	margin-bottom:2em;
	border:1px solid #ccc;
}

.printing-pics-main{
	width:100%;
	height:auto;
	margin-bottom:0em;
}

.printing-f{
    width:15%;
    height: auto;
    margin-right:2%;
    float: left;
}
.printing-dtl {
    width:83%;
    float: left;
}
.brochure-wrap{
	background-color:#e1f3fd;
}
.brochure-size{ width:90%; margin:0 auto; position:relative; margin-top:4%; margin-bottom:2%; height:2px; background-color:#ccc;}
.brochure-type{
	width:30%;
	height:40px;
	line-height:40px;
	background-color:#e1f3fd;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	color:#01aef0;
	margin:auto;
	text-align:center;
	font-family: 'Geomanist';
font-weight: 300;
font-size: 1.6875em;
}
.size-wrap{
	width:90%;
	height:auto;
	margin:0 auto;
	display:flex;
	justify-content:center;
	margin-top:3%
}
.size-container{
	width: auto;
	height:auto;
	float:left;
	border-right:1px solid #393939;
	padding-right:10px;
	margin-right:10px;
	font-family: 'Geomanist';
font-size: 1.0625em;
font-weight: normal;
color: #393939;
}
.size-container:nth-child(3){ margin-right:0%; padding-right:0%; border-right:0px;}

.size-container span{ background-color:#0076bc; color:#fff; font-size:1em; padding:1px 8px}
.brochure-pics-wrap{
	width:100%;
	height:auto;
	margin-top:2.5%;
}

.book-sizes{ background-color:#92278f; color:#fff;  padding:3px 10px; margin-right:3%; font-family: 'Geomanist';
font-size: 1.0625em;
font-weight: normal;
}

.magazine-sizes{ background-color:#f7941d; color:#fff;  padding:3px 10px; margin-right:3%; font-family: 'Geomanist';
font-size: 1.0625em;
font-weight: normal;
}

.calendar{ background-color:#ed145b; color:#fff;  padding:3px 20px; margin-right:3%; font-family: 'Geomanist';
font-size: 1.0625em;
font-weight: normal;
}

@media (max-width:460px) {
	.printing-f{ display:none}
	.printing-dtl{ width:100%;}
	.design-pics-wrap{ width:100%; padding-right:0%;}
	.design-container-wrap{ width:100%; padding-left:0%;}
	.design-container ul li {background: url(../images/check-mark.png) no-repeat left 25px;}
	.mob-top{padding-left: 0% !important; padding-right: 0% !important; margin-left: 0%; margin-right: 0%;width: 100%;}
	.container{ width:100%; padding-left:2%; padding-right:2%;}
	.footer-menu{ width:100%; margin-bottom:1em}
	.quick-links{ width:100%; margin-bottom:1em;}
	.footer-social{ width:100%; float:left;}
	.offset_text_wrap{ width:100%; position:inherit;}
	.box3{ width:100%; margin-left:0%; font-size:1.4em;}
	.box2{ width:100%; margin-left:0%; font-size:1.4em;}
	.box1{ font-size:1.2em;}
	.offset_print{ height:inherit}
	.pdt_box{ width:50%; margin-bottom:0.5%}
	.home_banner_text_wrap h1{ font-size:2em; line-height:35px;}
	.home_banner_text_wrap h3{ font-size:2em; line-height:35px}
	.home_banner_text_wrap h4{ font-size:1.2em; text-align:left;}
	.header-wraper{ position:inherit}
	.logo-wraper{ width:75%; padding-top:15px;}
	.mob-no{ display:none;}
	.top-call-mail{ width:100%; display:flex; justify-content:center;}
	.top-mail a{ color:#333}
	.top-call a{ color:#333}
	.products-container{ width:49.5%; margin-right:1%;}
	.products-container:nth-child(2n+2){ margin-right:0%;}

	.inner_banner_text_wrap{ width:100%; right:0%; bottom:3%; padding-left:5%}
	.inner_banner_text_wrap h3{ font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h1{font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h4{ font-size:1em; text-align:left;}
	.contact_left{ width:94%;}
	.form-submit{ float:left;}
	.clients_inner{ width:33%; height:130px;}
	.clients_inner img{ max-width:70%}
	.contact_txtbox1{ width:100%;}
	.contact_left{ width:100%;}
	.contact_right{ width:100%; margin-top:3em}
	.finishing-wrap{ display:inherit;}
	.finishing{ width:100%; display:none}
	.finishing-dtl{ width:100%;}
	.top-menu-btn{ width:100%; float:none; height: inherit; line-height:inherit}
	.top-right{ width:100%; background-color:#01aef0; padding-top:0px; margin-top:10px;}
	.top-menu{ width:100%; float:left;}
	.design-title{ font-size:2em;}
	.foot_los_wrap{ text-align:left; padding-left:0%; padding-bottom:0px;}
	.foot_los_map{ padding-left:0%; padding-top:2%}
	.copyright{ width:100%; text-align:center;}
	.designed{ width:205px; margin:0 auto; float:none;}
	.pdt_title{ font-size:1.25em;}
	.welcome-text h2{ font-size:2em;}
	.sub-home{ font-size:1em;}
	.footer-title{ margin-bottom:0px;}
	.welcome-pics{ margin-right:0px; margin-bottom:5px; max-width:100%}

	
}

@media (min-width: 461px) and (max-width: 480px) {
	.printing-f{ display:none}
	.printing-dtl{ width:100%;}
.design-pics-wrap{ width:100%; padding-right:0%;}
	.design-container-wrap{ width:100%; padding-left:0%;}
	.design-container ul li {background: url(../images/check-mark.png) no-repeat left 25px;}
.mob-top{padding-left: 0% !important; padding-right: 0% !important; margin-left: 0%; margin-right: 0%;width: 100%;}
	.container{ width:100%; padding-left:2%; padding-right:2%;}
	.footer-menu{ width:100%; margin-bottom:1em}
	.quick-links{ width:100%; margin-bottom:1em;}
	.footer-social{ width:100%; float:left;}
	.offset_text_wrap{ width:100%; position:inherit;}
	.box3{ width:100%; margin-left:0%; font-size:1.4em;}
	.box2{ width:100%; margin-left:0%; font-size:1.4em;}
	.box1{ font-size:1.2em;}
	.offset_print{ height:inherit}
	.pdt_box{ width:50%; margin-bottom:0.5%}
	.home_banner_text_wrap h1{ font-size:2em; line-height:35px;}
	.home_banner_text_wrap h3{ font-size:2em; line-height:35px}
	.home_banner_text_wrap h4{ font-size:1.2em; text-align:left;}
	.header-wraper{ position:inherit}
	.logo-wraper{ width:75%; padding-top:15px;}
	.mob-no{ display:none;}
	.top-call-mail{ width:100%; display:flex; justify-content:center;}
	.top-mail a{ color:#333}
	.top-call a{ color:#333}
	.products-container{ width:49.5%; margin-right:1%;}
	.products-container:nth-child(2n+2){ margin-right:0%;}
	.inner_banner_text_wrap{ width:100%; right:0%; bottom:3%; padding-left:5%}
	.inner_banner_text_wrap h3{ font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h1{font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h4{ font-size:1em; text-align:left;}
	.contact_left{ width:94%;}
	.form-submit{ float:left;}
	.clients_inner{ width:33%; height:130px;}
	.clients_inner img{ max-width:70%}
	.contact_txtbox1{ width:100%;}
	.contact_left{ width:100%;}
	.contact_right{ width:100%; margin-top:3em}
	.finishing-wrap{ display:inherit;}
	.finishing{ width:100%; display:none}
	.finishing-dtl{ width:100%;}
	.top-menu-btn{ width:100%; float:none; height: inherit; line-height:inherit}
	.top-right{ width:100%; background-color:#01aef0; padding-top:0px; margin-top:10px;}
	.top-menu{ width:100%; float:left;}
	.design-title{ font-size:2em;}
	.foot_los_wrap{ text-align:left; padding-left:0%; padding-bottom:0px;}
	.foot_los_map{ padding-left:0%; padding-top:2%}
/*	.copyright{ width:100%; text-align:center;}
	.designed{ width:205px; margin:0 auto; float:none;}
*/	.pdt_title{ font-size:1.25em;}
	.welcome-text h2{ font-size:2em;}
	.sub-home{ font-size:1em;}
		.footer-title{ margin-bottom:0px;}


	
	
	
}

@media (min-width: 481px) and (max-width: 580px) {
	.printing-f{ display:none}
	.printing-dtl{ width:100%;}
	.design-pics-wrap{ width:100%; padding-right:0%;}
	.design-container-wrap{ width:100%; padding-left:0%;}
	.design-container ul li {background: url(../images/check-mark.png) no-repeat left 25px;}
	.mob-top{padding-left: 0% !important; padding-right: 0% !important; margin-left: 0%; margin-right: 0%;width: 100%;}
	.container{ width:100%; padding-left:2%; padding-right:2%;}
	.footer-menu{ width:100%; margin-bottom:1em}
	.quick-links{ width:100%; margin-bottom:1em;}
	.footer-social{ width:100%; float:left;}
	.offset_text_wrap{ width:100%; position:inherit;}
	.box3{ width:100%; margin-left:0%; font-size:1.4em;}
	.box2{ width:100%; margin-left:0%; font-size:1.4em;}
	.box1{ font-size:1.2em;}
	.offset_print{ height:inherit}
	.pdt_box{ width:50%; margin-bottom:0.5%}
	.home_banner_text_wrap h1{ font-size:2em; line-height:35px;}
	.home_banner_text_wrap h3{ font-size:2em; line-height:35px}
	.home_banner_text_wrap h4{ font-size:1.2em; text-align:left;}
	.header-wraper{ position:inherit}
	.logo-wraper{ width:75%; padding-top:15px;}
	.mob-no{ display:none;}
	.top-call-mail{ width:100%; display:flex; justify-content:center;}
	.top-mail a{ color:#333}
	.top-call a{ color:#333}
	.products-container{ width:49.5%; margin-right:1%;}
	.products-container:nth-child(2n+2){ margin-right:0%;}
	.inner_banner_text_wrap{ width:100%; right:0%; bottom:3%; padding-left:5%}
	.inner_banner_text_wrap h3{ font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h1{font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h4{ font-size:1em; text-align:left;}
	.contact_left{ width:94%;}
	.form-submit{ float:left;}
	.clients_inner{ width:33%; height:130px;}
	.clients_inner img{ max-width:70%}
	.contact_txtbox1{ width:100%;}
	.contact_left{ width:100%;}
	.contact_right{ width:100%; margin-top:3em}
	.finishing-wrap{ display:inherit;}
	.finishing{ width:100%; display: none}
	.finishing-dtl{ width:100%;}
	.top-menu-btn{ width:100%; float:none; height: inherit; line-height:inherit}
	.top-right{ width:100%; background-color:#01aef0; padding-top:0px; margin-top:10px;}
	.top-menu{ width:100%; float:left;}
	.design-title{ font-size:2em;}
	.foot_los_wrap{ text-align:left; padding-left:0%; padding-bottom:0px;}
	.foot_los_map{ padding-left:0%; padding-top:2%}
/*	.copyright{ width:100%; text-align:center;}
	.designed{ width:205px; margin:0 auto; float:none;}
*/	.pdt_title{ font-size:1.25em;}
	.welcome-text h2{ font-size:2em;}
	.sub-home{ font-size:1em;}
		.footer-title{ margin-bottom:0px;}


}


@media (min-width: 581px) and (max-width: 736px) {
	.printing-f{ display:none}
	.printing-dtl{ width:100%;}
	.design-pics-wrap{ width:100%; padding-right:0%;}
	.design-container-wrap{ width:100%; padding-left:0%;}
	.design-container ul li {background: url(../images/check-mark.png) no-repeat left 25px;}
	.mob-top{padding-left: 0% !important; padding-right: 0% !important; margin-left: 0%; margin-right: 0%;width: 100%;}
	.container{ width:100%; padding-left:2%; padding-right:2%;}
	.footer-menu{ width:50%; margin-bottom:1em}
	.quick-links{ width:50%; margin-bottom:1em;}
	.footer-social{ width:50%; float:left;}
	.offset_text_wrap{ width:100%; position:inherit;}
	.box3{ width:100%; margin-left:0%; font-size:1.4em;}
	.box2{ width:100%; margin-left:0%; font-size:1.4em;}
	.box1{ font-size:1.2em;}
	.offset_print{ height:inherit}
/*	.pdt_box{ width:33.33%; margin-bottom:0.5%}
*/	.home_banner_text_wrap h1{ font-size:2em; line-height:35px;}
	.home_banner_text_wrap h3{ font-size:2em; line-height:35px}
	.home_banner_text_wrap h4{ font-size:1.2em; text-align:left;}
	.header-wraper{ position:inherit}
	.logo-wraper{ width:75%; padding-top:15px;}
	.mob-no{ display:none;}
	.top-call-mail{ width:100%; display:flex; justify-content:center;}
	.top-mail a{ color:#333}
	.top-call a{ color:#333}
	.products-container{ width:49.5%; margin-right:1%;}
	.products-container:nth-child(2n+2){ margin-right:0%;}
	.inner_banner_text_wrap{ width:100%; right:0%; bottom:3%; padding-left:5%}
	.inner_banner_text_wrap h3{ font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h1{font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h4{ font-size:1em; text-align:left;}
	.contact_left{ width:94%;}
	.form-submit{ float:left;}
	.clients_inner{ width:33%; height:130px;}
	.clients_inner img{ max-width:70%}
	.contact_txtbox1{ width:100%;}
	.contact_left{ width:100%;}
	.contact_right{ width:100%; margin-top:3em}
	.finishing-wrap{ display:inherit;}
	.finishing{ width:100%; display:none}
	.finishing-dtl{ width:100%;}
	.top-menu-btn{ width:100%; float:none; height: inherit; line-height:inherit}
	.top-right{ width:100%; background-color:#01aef0; padding-top:0px; margin-top:10px;}
	.top-menu{ width:100%; float:left;}
	.design-title{ font-size:2em;}
	.foot_los_wrap{ text-align:left; padding-left:0%; padding-bottom:0px;}
	.foot_los_map{ padding-left:0%; padding-top:2%}
/*	.copyright{ width:100%; text-align:center;}
	.designed{ width:205px; margin:0 auto; float:none;}
*/	.pdt_title{ font-size:1.25em;}
	.welcome-text h2{ font-size:2em;}
	.sub-home{ font-size:1em;}
		.footer-title{ margin-bottom:0px;}


}

@media (min-width: 737px) and (max-width: 991px) {
	.printing-f{ display:none}
	.printing-dtl{ width:100%;}
	.design-pics-wrap{ width:100%; padding-right:0%;}
	.design-container-wrap{ width:100%; padding-left:0%;}
	.design-container ul li {background: url(../images/check-mark.png) no-repeat left 25px;}	
.mob-top{padding-left: 0% !important; padding-right: 0% !important; margin-left: 0%; margin-right: 0%;width: 100%;}
	.container{ width:100%; padding-left:2%; padding-right:2%;}
	.footer-menu{ width:50%; margin-bottom:1em}
	.quick-links{ width:50%; margin-bottom:1em;}
	.footer-social{ width:50%; float:left;}
	.offset_text_wrap{ width:100%; position:inherit;}
	.box3{ width:100%; margin-left:0%; font-size:1.4em;}
	.box2{ width:100%; margin-left:0%; font-size:1.4em;}
	.box1{ font-size:1.2em;}
	.offset_print{ height:inherit}
	.home_banner_text_wrap h1{ font-size:2em; line-height:35px;}
	.home_banner_text_wrap h3{ font-size:2em; line-height:35px}
	.home_banner_text_wrap h4{ font-size:1.2em; text-align:left;}
	.header-wraper{ position:inherit}
	.logo-wraper{ width:75%; padding-top:15px;}
	.mob-no{ display:none;}
	.top-call-mail{ width:100%; display:flex; justify-content:center;}
	.top-mail a{ color:#333}
	.top-call a{ color:#333}
	.products-container{ width:49.5%; margin-right:1%;}
	.products-container:nth-child(2n+2){ margin-right:0%;}
	.inner_banner_text_wrap{ width:100%; right:0%; bottom:3%; padding-left:5%}
	.inner_banner_text_wrap h3{ font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h1{font-size:2em; line-height:30px;}
	.inner_banner_text_wrap h4{ font-size:1em; text-align:left;}
	.contact_left{ width:94%;}
	.form-submit{ float:left;}
	.clients_inner{ width:33%; height:130px;}
	.clients_inner img{ max-width:70%}
	.contact_txtbox1{ width:100%;}
	.contact_left{ width:100%;}
	.contact_right{ width:100%; margin-top:3em}
	.finishing-wrap{ display:inherit;}
	.finishing{ width:100%; display:none}
	.finishing-dtl{ width:100%;}
	.top-menu-btn{ width:100%; float:none; height: inherit; line-height:inherit}
	.top-right{ width:100%; background-color:#01aef0; padding-top:0px; margin-top:10px;}
	.top-menu{ width:100%; float:left;}
	.design-title{ font-size:2em;}
	.foot_los_wrap{ text-align:left; padding-left:0%; padding-bottom:0px;}
	.foot_los_map{ padding-left:0%; padding-top:2%}
/*	.copyright{ width:100%; text-align:center;}
	.designed{ width:205px; margin:0 auto; float:none;}
*/	.pdt_title{ font-size:1.25em;}
	.welcome-text h2{ font-size:2em;}
	.sub-home{ font-size:1em;}
		.footer-title{ margin-bottom:0px;}

}

@media (min-width: 1023px) and (max-width: 1279px) {
	.box3 {
    width: 85%;
    height: 45px;
    background: #01aef0;
    margin-left: 15%;
    line-height: 45px;
    text-align: right;
    color: #fff;
    padding-right: 5%;
    font-family: 'Geomanist';
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
}

.box2 {
    width: 90%;
    height: 45px;
    background: #ed008c;
    margin-left: 10%;
    line-height: 45px;
    text-align: right;
    color: #fff;
    font-family: 'Geomanist';
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    padding-right: 5%;
}
.offset_text_wrap{ bottom:45%;}
.box1 {
    width: 100%;
    height: 45px;
    background: #f8c703;
    line-height: 45px;
    text-align: right;
    color: #fff;
    padding-right: 5%;
    font-family: 'Geomanist';
    font-size: 1.2em;
    font-weight: 300;
    text-transform: none;
}
.logo-wraper{ width:25%;}
.top-right{ width:75%}
	
}

@media (min-width: 1280px) and (max-width: 1359px) {
	
	.home_banner_text_wrap {width: auto}
	.inner_banner_text_wrap {width: auto;}
	.offset_text_wrap {bottom: 30%;}
	.box2 {font-size: 2em;}
	
	.box3 {font-size: 1.8em;}
	
	
	
	

}
@media (min-width: 1360px) and (max-width: 1399px) {
	.home_banner_text_wrap {width: auto;}
	.inner_banner_text_wrap {width: auto;}
	.box2 {font-size: 2em;}
	
	.box3 {font-size: 1.9em;}
	.design-pics-wrap{width:48%; float:left; padding-right:2%; padding-top:2.1%}
    .design-container-wrap{width:50%; float:left; padding-left:1%}
	.design-container ul li{ padding-top:0.5em;}
	
	
	
	
	
	}
	
@media (min-width: 1400px) and (max-width: 1441px) {
	
	
	.home_banner_text_wrap {width: auto;}
	.inner_banner_text_wrap {width: auto;}
	.box3 {font-size: 1.9em;}
	
	
	.box2 {font-size: 2em;}
	.nav a {    margin-left: 18px;
		margin-right: 18px;}
	
	
	}



		
@media (min-width: 1441px) and (max-width: 1599px) {    
}
 @media (min-width:1600px){
    
	.inner_banner_text_wrap {width: auto;}	
	.logo-wraper{ width:25%}
	.top-right{ width:75%}
}