@charset "utf-8";
/* CSS Document */

@import url("font.css");

.clear{clear: both;}
body{margin: 0;padding: 0;}
.wrapper{margin: 0 auto;padding: 0;width: 1210px;height: auto;}
.wrapper1{margin:0 auto;padding: 0;width: 1346px;height: auto;}
.main_header{float: left;margin: 0;padding: 0;width: 100%;height: 104px;background-color: rgba(0,0,0, 0.4);position: fixed;z-index: 9;}
.logo{float: left;margin: 0;padding: 0;width: 308px;height: 91px;margin-top: 3px;}
.logo img{margin: 0;padding: 0;width: 100%;height: auto;}
.cl-d1{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.banner{margin: 0 auto;padding: 0;width: 100%;height: auto;}
.banner img{margin: 0;padding: 0;width: 100%;height: 100%;}
.cl-d2{float: left;margin: 0;padding: 0;width: 100%;height: 536px; background: url("images/bg1.jpg") left top repeat; background-size: cover;}
.image1{float: left;margin: 0;padding: 0;width: 419px;height: 560px;margin-right: 60px;margin-top: 96px;/*-box-shadow: 2px 2px 19px 2px  rgba(0,0,0,0.4);-*/position: relative;}
.image1 img{margin: 0;padding: 0;width: 100%;height: auto;}
.text1{float: right;margin: 0;padding: 0;width: 500px;height: auto;margin-top: 160px;text-align: left;font-family: "Poppins", Arial, Verdana, "sans-serif";color: #7a7a7a;line-height: 22px;font-size: 15px;font-weight: 500;margin-right: 105px;}
.text1 span{color: #ed1c24;}
.t1{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 22px;color: #8d8d8d;margin-bottom: 45px;line-height: 35px;font-weight: 300;margin-left: -122px;}
.t1 span{font-size: 50px;color: #d50000;}
.cl-d3{float: left;margin: 0;padding: 0;width: 100%;height: 250px;background: url(images/bg1.png) no-repeat center center fixed #000000;background-position-x: center;background-position-y: center;display: block;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.part1{float: left;margin: 0;padding: 0;width:590px;height: auto;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 150px;color: rgba(256,256,256, 0.08);text-transform: uppercase;margin-top: 209px;font-weight: 700; }
.part2{float: right;margin: 0;padding: 0;width:400px;height:auto;margin-right: 180px;margin-top: 15px;}
.icon_box{float: left;margin: 0;padding: 0;width: 164px;height: auto;margin-right: 50px;margin-bottom: 30px;text-align: center;}
.icon_box:nth-child(2n){margin-right: 0;}
.icon{margin: 0 auto;padding: 0;width: 50px;height: 48px;}
.counter{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 49px;color: #ffffff;text-align: center;height:auto;font-weight: 600;}
.t2{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 15px;color: #ffffff;text-align: center;}
.cl-d4{float: left;margin: 0;width: 100%;height: 406px;background: url("images/bg2.jpg") center top no-repeat #232121;}
.t3{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 50px;color: #ffffff;text-align: center;margin-top: 60px;font-weight: 300;}
/* Underline From Center */
.hvr-underline-from-center {margin: 0 auto;padding: 12px 25px;color: #ffffff;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 18px;background-color: #b01e23;text-decoration: none;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;}
.hvr-underline-from-center:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #000000;height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0;right: 0;}
.cl-d5{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.t4{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 28px;color: #8d8d8d;text-align: center;margin-top: 73px;line-height: 49px;}
.t4 span{color: #e10008;font-size: 50px;}
.main_products{float: left;margin: 0;padding: 0;width: 100%;height: auto;margin-bottom: 45px;margin-top: 25px;}
.pen_box{float: left;margin: 0;padding: 0;width: auto;height: auto;border:  1px solid #dfdfdf;transition: all 0.5s ease;}
.pen_box:nth-child(4n){margin-right: 0;}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
.hvr-ripple-out1 {margin-top: 10px;padding: 8px 22px;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;text-transform: uppercase;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 13px;color: #fff;background-color: #ed1c24;text-decoration: none;font-weight: 500;z-index: 99999;}
.hvr-ripple-out1:before {content: '';position: absolute;border: #ed1c24 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.hvr-ripple-out1:hover:before, .hvr-ripple-out1:focus:before, .hvr-ripple-out1:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.cl-d6{float: left;margin: 0;padding: 0;width: 100%;height: auto;background-color: #000000;}
.t5{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 28px;color: #ffffff;text-align: center;margin-top: 50px;margin-bottom: 40px;line-height: 45px;}
.t5 span{font-size: 50px;}
.main_social{margin: 0 auto;padding: 0;width: 65%;height: auto;}
.social_img{float: left;margin: 0;padding: 0;width: 250px;height: 300px;margin-right: 15px;margin-bottom: 66px;}
.fb_iframe_widget iframe{width: 250px;}
.social_img:last-of-type{margin-right: 0;}
.social_img img{margin: 0;padding: 0;width: 100%;height: auto;}
.cl-d7{float: left;margin: 0;padding: 0;width: 100%;height: auto;background-color: #1e1e1e;}
.map{margin: 0 auto; padding: 0;width: 100%;height: 282px;}
.map iframe{width:100%;height: 282px;text-align: center;}
.map img{margin: 0;padding: 0;width: 100%;height: 100%;}
.cl-d8{float: left;margin: 0;padding: 0;width: 100%;height: auto;background-color: #c80000;}
.footer_cont{float: left; margin:0; padding:0;width:100%;margin-top: 15px;margin-bottom: 15px;}
.footer_cont span{color:#fff; line-height:23px; font-size:12px; width:32%;font-family:"Poppins", Arial, Verdana, sans-serif;}
.footer_cont span .top{text-align:center;width:100%; height:auto;margin-top:9px;}
.footer_cont span.left{ float:left;}
.footer_cont span.center{ margin:0 auto; text-align:center;}
.footer_cont span.right{float:right;text-align:right;}
.footer_cont span.right a{color: #ffffff;text-decoration: none;}
.footer_cont span.right a:hover{text-decoration: underline;}
a.footer_link{color:#fff;text-decoration:none;}
a.footer_link:hover{text-decoration:underline;}

/*-- inner css start here --*/
.cl-d9{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.inner_banner{margin: 0 auto;padding: 0;width: 100%;height: auto;}
.inner_banner img{margin: 0;padding: 0;width: 100%;height: auto;}
.cl-d10{float: left;margin: 0;padding: 0;width: 100%;height: auto;background-color: #000000;}
.cl-d11{float: left;margin: 0;padding: 0;width: 100%;height: auto;background: url("images/bg3.jpg") center top no-repeat;}
.inner1{float: left;margin: 0;padding: 0;width: 780px;height: auto;margin-top: 58px;margin-bottom: 50px;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color: #5e5d5d;line-height: 24px;font-weight: 500;}
.inner1 span{color:#bb0d16;}
.inner1 a{text-decoration: none;color: #d50000;}
.inner1 a:hover{text-decoration: underline;}
.t6{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 30px;font-weight: 600;color: #bb0d16;background: url("images/line.png") left bottom no-repeat;padding-bottom: 32px;margin-bottom: 20px;}
.t6 span{font-weight: 400;}
.t6 span.sub{color: #000000;}
.inner2{float: right;margin: 0;padding: 0;width: 360px;height: auto;margin-top: 58px;margin-bottom: 50px;text-align: left;}
.right_box{float: left;margin: 0;padding: 20px 30px;width: 100%;max-width: 360px;height: auto;margin-bottom: 20px;border: 1px solid #ebebeb;background-color: #ffffff;}
.cl-d12{float: left;margin: 0;padding: 0;width: 100%;height: auto;background-color: #000000;}
.t7{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color: #31353d;text-transform: uppercase;font-weight: 400;margin-bottom: 25px;}
.dash{background-color: #bb0d16;height: 3px;width: 127px;float: right;margin-top: 10px;}
.product{margin: 0;padding: 0;list-style: none;}
.product li{list-style: none;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 14px;color: #bb0d16;font-weight: 600;line-height: 35px;border-bottom: 1px solid #f2f2f2;}
.product li a{color: #505050;text-decoration: none;font-weight: 400;}
.product li a:hover{text-decoration: underline;color: #bb0d16;}
.arrival_box{float: left;margin: 0;padding: 0;width: 100%;height: auto;border-bottom: 1px solid #f2f2f2;margin-bottom: 30px;}
.arrival_box:last-of-type{margin-top: 25px;}
.arrival_box1{float: left;margin: 0;padding: 0;width: 296px;height: 120px;background: url("images/bg4.jpg") left top no-repeat;margin-bottom: 53px;}
.arrival_box2{float: left;margin: 0;padding: 0;width: 296px;height: 120px;background: url("images/bg5.jpg") left top no-repeat;margin-bottom: 53px;}
.main_box_pen{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.box_pen{float: left;margin: 0;padding: 0;width: 296px;height: 120px;}
.box_pen img{margin: 0;padding: 0;width: 100%;height: auto;}
.t8{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 14px;font-weight: 400;color: #bb0d16;margin-top: 10px;line-height: 18px;display: inline-block;}
.t8 span{font-size: 12px;color: #505050;}
.t8 span a{color: #505050;text-decoration: none;} 
.t8 span a:hover{text-decoration: underline;}
.main_counter{margin: 50px auto 50px;padding: 0;width: 85%;height: auto;}
.icon_box1{float: left;margin: 0;padding: 0;width: 250px;height: auto;margin-bottom: 50px;}

/*-- enquiry form css start--*/
.contactform1 {argin:0;font-family:"Lato", Arial, Verdana, Geneva, sans-serif;font-size:18px;color:#737272;line-height:25px;text-align:center;padding-bottom:25px;margin-top:18px;}
.contactform1 .clear2 {clear: left;line-height: 1px;margin: 0px;padding: 0px;}
form {margin:0;padding:0;}
 .contactform1 .whitestar {color:#F00;margin-top:10px;float:left;width:10px;}
.contactform1 .textfield {display: block;float:left;color:#333;padding: 8px 5px;font-size:14px;width:350px;margin:10px 2px;border: 1px solid #D6D9AE;border-radius: 5px;}
.contactform1 label {display: block;float: left;text-align:left;font-size:15px;width: 150px;margin:3px;color:#474747;font-family:"Arimo", Arial, Verdana, Geneva, sans-serif;padding-top: 13px;}
.contactform1 .feedback {text-align:left;font-size:14px;width: 150px;color:#7b7b7b;height: 150px;}
.contactform1 .button_enq {display: block;float:left;padding:8px 18px;background-color:#333;margin:6px 0px;font-size:14px;border: 2px solid #333;color:#FFF;font-weight:400;font-family:"Lato", Arial, Verdana, sanas-serif;text-transform:uppercase;transition: all 0.5s ease;}
.contactform1 .button_enq:hover{background-color: #d70000;border: none;border: 2px solid #d70000;transition: all 0.5s ease;}
.inner-text span.sub1{color:#d70000;line-height:22px;font-weight:600;font-family:Arial, Verdana, sans-serif;font-size:15px;width: 5px;}
/*-- enquiry form css end--*/
.inner_penbox{float: left;margin: 0;padding: 0;width: 244px;height: 329px;margin-right: 16px;margin-bottom: 15px;background-color: #ffffff;border: 1px solid #e0e0e0;transition: all .3s ease;text-align: center;}
.inner_penbox:hover{background-color: #f8f8f8;transition: all .3s ease;}
.pen_img{margin: 0 auto;padding: 0;width: 242px;height: 329px;}
.pen_img img{margin: 0;padding: 0;width: 100%;height: auto;}
.pen_part1{float: left;margin: 0;width: 208px;height: auto;border: 1px solid #e3e3e3;background-color: #ffffff;text-align: center;}
.pen_part1_img{margin: 0 auto;padding: 0;width: 208px;height: 680px;}
.pen_part1_img img, .pen_part1_smallimg img {margin: 0;padding: 0;width: 100%;height: auto;}
.pen_part1_smallimg{float: left;margin: 0;padding: 0;width: 52px;height: 100px;border: 1px solid #e3e3e3;}
.pen_part1_smallimg:hover{background-color: rgba(0,0,0,0.9);z-index: 9999;overflow: visible;}
.pen_part2{float: right;width: 540px;height: auto;}
.pen_part2 ul{margin: 0;padding: 0;list-style: none;border: 1px solid #e3e3e3;}
.pen_part2 ul li{margin: 0;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;border-bottom: 1px solid #e3e3e3;padding: 14px 15px; transition: all 0.5s ease;}
.pen_part2 ul li:last-of-type{border-bottom: none;}
.pen_part2 ul li:hover{background-color: rgba(0,0,0,0.04);}
.refill1{padding: 0;width: 379px;height: 25px;margin: 15px 0;}
.refill2{padding: 0;width: 180px;height: 21px;margin: 15px 0;}
.refill3{padding: 0;width: 250px;height: 29px;margin: 15px 0;}
.refill1 img, .refill2 img, .refill3 img{margin: 0;padding: 0;width: 100%;height: auto;}
.pen_box1{padding: 0;width: 442px;height: 
360px;margin-top: 15px 0; }
.pen_box1 img{margin: 0;padding: 0;width: 100%;height: auto;}
.pen_round{margin: 0;padding: 0;width: 90px;height: 90px;margin-top: 20px;}
.pen_round img{margin: 0;padding: 0;width: 100%;height: auto;}
.termscond{float:left;line-height:28px;margin-top:13px;margin-bottom:5px;font-weight:700;width:100%;color: #454545;font-size: 18px;}

/*-- sitemap css start --*/
.sitemap{width:100%; float:left;margin: 0;padding: 0;}
.sitemap .one{ float:left;width:380px;margin:0;padding:0;}
.sitemap .two{float:left;width:380px;margin:0;padding:0;}
.sitemap p{ font-family:"Poppins", Arial, Verdana, sans-serif;font-size:16px;color:#a2a2a2;text-decoration:none;background:url(images/arrow.png) 0px 8px no-repeat;text-align: left;margin: 0;line-height: 29px;padding-left: 15px;}
.sitemap p a{color:#a2a2a2;text-decoration:none;}
.sitemap p a:hover{color:#050521;text-decoration:underline;}
.sitemap ul{list-style:none;padding:0;background-image: none !important;margin-top: 0;line-height: 24px;margin-left: 15px;}
.sitemap li{ padding-left:12px;font-family:"Poppins", Verdana, Geneva, sans-serif;font-size:14px;display:block;color:#a2a2a2;background: url(images/arrow1.png) 0 11px no-repeat;list-style:none;line-height: 29px;}
.sitemap li a{text-decoration:none;font-family:"Poppins", Arial, Verdana, sans-serif;font-size:14px;color:#a2a2a2;}
.sitemap li.sub{ background:none; padding-left:0;font-weight: normal;line-height: 24px;}
.sitemap li a:hover{ text-decoration:underline;color: #050521;}
/*-- sitemap css end --*/
.zoom{font-family: Arial, Verdana, "sans-serif";font-size: 15px;color: #a1a1a1;text-align: center;margin-bottom: 15px;font-weight: 600;}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
@keyframes hvr-ripple-out {
100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
.hvr-ripple-out {margin-top: 60px;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 15px;padding: 8px 29px;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;background-color: #db0900;color: #fff;text-decoration: none;}
.hvr-ripple-out:before {content: '';position: absolute;border: #db0900 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.fb_iframe_widget span{width:250px !important}
.fb_iframe_widget iframe{width:250px !important}
.signature{float: left;margin: 25px 0; padding: 0; width: 253px;height: 75px;}
.signature img{margin: 0;padding: 0;width: 100%;height: auto;}
.profile{float: right;margin: 0;padding: 0;width: 252px;height: 279px;margin-left: 25px;}
.profile img{margin: 0;padding: 0;width: 100%;height: auto;margin-bottom: 35px;}
/*-- inner css end here --*/





@media only screen and (min-width:1301px) and (max-width:1340px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.logo{ width: 20%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;}
.image1{margin-right: 35px;}
.text1 {width: 45%;margin-right: 0;}
.t1{margin-left: -100px;margin-bottom: 15px;}
.part1{font-size: 150px;margin-top: 210px;}
.part2{margin-right: 30px;width: 40%;}
.t4{margin-top: 42px;}
.social_img{width: 32%;height: auto;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;}
.map{width: 100%;height: auto;}
.hvr-underline-from-center{font-size: 15px;}
.main_products{width: 100%;margin: 25px auto 45px;float: none;}


.inner1{width: 65%;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}


}







@media only screen and (min-width:1201px) and (max-width:1300px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.logo{ width: 21%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;}
.image1{margin-right: 35px;}
.text1 {width: 45%;margin-right: 0;}
.t1{margin-left: -100px;margin-bottom: 15px;}
.part1{font-size: 130px;margin-top: 231px;}
.part2{margin-right: 30px;width: 40%;}
.t4{margin-top: 42px;}
.social_img{width: 32%;height: 300px;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;}
.map{width: 100%;height: auto;}
.hvr-underline-from-center{font-size: 15px;}
.main_products{width: 100%;margin: 25px auto 45px;float: none;}


.inner1{width: 64%;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 25%;}


.pen_part2{width: 69%;height: auto;}
}






@media only screen and (min-width:1101px) and (max-width:1200px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 23%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.image1{margin-right: 35px;}
.text1 {width: 45%;margin-right: 0;}
.t1{margin-left: -100px;margin-bottom: 15px;}
.part1{font-size: 130px;margin-top: 231px;}
.part2{margin-right: 30px;width: 40%;}
.t4{margin-top: 42px;}
.social_img{width: 32%;height: 300px;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;width: 76%;}
.map{width: 100%;height: auto;}
.hvr-underline-from-center{font-size: 15px;}
.main_products{width: 82%;margin: 25px auto 45px;float: none;}


	.inner1{width: 61%;}
	.dash{width: 43%;}
	.arrival_box1, .arrival_box2{width: 100%;}
	.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 25%;}

.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
.sitemap .one, .sitemap .two{width: 50%;}
}



@media only screen and (min-width:1001px) and (max-width:1100px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 25%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: none;margin-right: 0;width: 90%;margin: 0 auto;}
.cl-d3{height: auto;}
.icon_box{width: 24%;margin-right: 12px;}
.t4{margin-top: 42px;}
.social_img{width: 31%;height: 300px;margin-bottom: 15px;}
#iframe1{width:100%;height: 282px;text-align: center;}
.main_social{margin-bottom: 46px;width: 85%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 90%;margin: 25px auto 45px;float: none;}


.inner1{width: 57%;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 25%;}

.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
}



@media only screen and (min-width:901px) and (max-width:1000px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 28%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: none;margin-right: 0;width: 90%;margin: 0 auto;}
.cl-d3{height: auto;}
.icon_box{width: 24%;margin-right: 12px;}
.t4{margin-top: 42px;}
.social_img{width: 31%;height: 300px;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;width: 100%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 100%;margin: 25px auto 45px;float: none;}


.inner1{width: 53%;}
.inner_penbox{margin-right: 10px;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 25%;}

.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
}





@media only screen and (min-width:801px) and (max-width:900px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 32%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: none;margin-right: 0;width: 90%;margin: 0 auto;}
.cl-d3, .cl-d4{height: auto;}
.cl-d4{padding-bottom: 25px;}
.icon_box{width: 24%;margin-right: 12px;}
.t3{margin-top: 30px;font-size: 30px;}
.t4{margin-top: 42px;}
.social_img{width: 31%;height: 300px;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;width: 100%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 75%;margin: 25px auto 45px;float: none;}



.inner1{width: 100%;}
.inner2{float: left;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 25%;}

}







@media only screen and (min-width:701px) and (max-width:800px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 38%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: none;margin-right: 0;width: 90%;margin: 0 auto;}
.cl-d3, .cl-d4{height: auto;}
.cl-d4{padding-bottom: 25px;}
.icon_box{width: 24%;margin-right: 12px;}
.t3{margin-top: 30px;font-size: 30px;}
.t4{margin-top: 42px;}
.social_img{width: 100%;height: auto;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;width: 38%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 86%;margin: 25px auto 45px;float: none;}

.inner1{width: 100%;}
.inner2{float: left;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 50%;}


.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
.sitemap .one, .sitemap .two{width: 50%;}
}






@media only screen and (min-width:601px) and (max-width:700px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 40%;height:auto;margin-top: 15px; }
.banner, .inner_banner {width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: none;margin-right: 0;width: 90%;margin: 0 auto;}
.cl-d3, .cl-d4{height: auto;}
.cl-d4{padding-bottom: 25px;}
.icon_box{width: 47%;margin-right: 12px;}
.t3{margin-top: 30px;font-size: 30px;}
.t4{margin-top: 42px;}
.social_img{width: 100%;height: auto;margin-bottom: 15px;}
.main_social{margin-bottom: 46px;width: 44%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 50%;margin: 25px auto 45px;float: none;}


.inner1{width: 100%;}
.inner2{float: left;width: 100%;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}

.main_counter{width: 100%;}
.icon_box1{width: 50%;}

.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
.sitemap .one, .sitemap .two{width: 50%;}
}



@media only screen and (min-width:501px) and (max-width:600px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 48%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: none;margin-right: 0;width: 90%;margin: 0 auto;}
.cl-d3, .cl-d4{height: auto;}
.cl-d4{padding-bottom: 25px;}
.icon_box{width: 47%;margin-right: 12px;}
.t3{margin-top: 30px;font-size: 30px;}
.t4{margin-top: 42px;}
.social_img{width: 100%;height: auto;margin-bottom: 15px;}
.social_img:nth-child(2n){margin-right: 0;}
.main_social{margin-bottom: 46px;width: 53%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 59%;margin: 25px auto 45px;float: none;}



.inner1{width: 100%;}
.inner2{float: left;width: 100%;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;}


.main_counter{width: 100%;}
.icon_box1{width: 50%;}

.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;margin-top: 37px;}
.pen_box1{width: 100%;height: auto;}
.sitemap .one, .sitemap .two{width: 50%;}
	.profile{margin-bottom: 35px;}
}




@media only screen and (min-width:401px) and (max-width:500px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 56%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: left;margin-right: 0;width: 100%;}
.cl-d3, .cl-d4{height: auto;}
.cl-d4{padding-bottom: 25px;}
.icon_box{width: 47%;margin-right: 12px;}
.t3{margin-top: 30px;font-size: 30px;}
.t4{margin-top: 42px;}
.social_img{width: 100%;height: auto;margin-bottom: 15px;}
.social_img:nth-child(2n){margin-right: 0;}
.main_social{margin-bottom: 46px;width: 66%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;float: left;}
.main_products{width: 75%;margin: 25px auto 45px;float: none;}



.inner1{width: 100%;}
.inner2{float: left;width: 100%;}
.dash{width: 43%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;} 
.main_counter{width: 100%;}
.icon_box1{width: 50%;}


.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
.refill1{width: 95%;height: auto;}
.pen_box1{width: 100%;height: auto;}
.profile{margin-bottom: 35px;}
}




@media only screen and (min-width:301px) and (max-width:400px){
.wrapper{width: 95%;}
.wrapper1{width: 100%;}
.main_header{background-color: rgba(0,0,0,1);}
.logo{ width: 70%;height:auto;margin-top: 15px; }
.banner, .inner_banner{width: 100%;height: auto;margin-top: 104px;}
.cl-d2{height: auto;}
.image1{display: none;}
.text1{width: 100%;margin-right: 0;margin-top: 30px; margin-bottom: 30px;}
.t1{margin-left: 0;margin-bottom: 15px;font-size: 18px;line-height: 30px;}
.t1 span{font-size: 30px;}
.part1{font-size: 70px;color: rgba(256,256,256, 0.30);margin-top: 20px;text-align: center;width: 100%;}
.part2{float: left;margin-right: 0;width: 100%;}
.cl-d3, .cl-d4{height: auto;}
.cl-d4{padding-bottom: 25px;}
.icon_box{width: 47%;margin-right: 12px;}
.t3{margin-top: 30px;font-size: 30px;}
.t4{margin-top: 42px;}
.social_img, .fb-post{width: 100%;height: auto;margin-bottom: 15px;}
.social_img:nth-child(2n){margin-right: 0;}
.main_social{margin-bottom: 46px;width: 87%;}
.map{width: 100%;height: auto;}
.footer_cont, .footer_cont span{width: 100%;text-align: center;}
.footer_cont span.right{float: none;text-align: center;}
.hvr-underline-from-center{font-size: 15px;}
.footer_cont span.center{margin: 0;text-align: center;}
.main_products{margin: 25px auto 45px;float: none;width: 85%;}

.inner1{width: 100%;}
.inner2{float: left;width: 100%;}
.dash{width: 30%;}
.arrival_box1, .arrival_box2{width: 100%;}
.box_pen{width: 100%;height: auto;margin-top: 15px;}
.t8{margin-top:20px;}
.main_counter{width: 80%;}


.pen_part1{margin: 0 auto 35px;float: none;}
.pen_part2{width: 100%;height: auto;}
.refill1{width: 100%;height: auto;}
.pen_box1{width: 100%;height: auto;}
.sitemap .one, .sitemap .two{width: 100%;}
.profile{float: left;margin-bottom: 35px;margin-left: 0;}
.inner1{display: grid;}
}