/* Template Artist Custom Template CSS*/

/* ================================================================
	COMMON STYLE  
   ================================================================ */
	  body{ margin:0; padding:0; background:#fff;}
	 .fade-in-out{transition: background .50s ease-in-out; -moz-transition: background .50s ease-in-out; -webkit-transition: background .50s ease-in-out;}
     .border-radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	 .border-radius-2{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
	 .border-radius-3{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
	 .border-radius-4{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	.transition{ -webkit-transition: all 0.5s ease 0s;                  
    -moz-transition: all 0.5s ease 0s;                 
    -o-transition: all 0.5s ease 0s;   
    -ms-transition: all 0.5s ease 0s;          
    transition: all 0.5s ease 0s;}
	  p{-webkit-font-smoothing: antialiased; font-family:Ebrima; font-size:14px; color:#888888;  padding:0; margin:0; line-height:21px; margin-bottom: 12px;text-align: justify; margin-top: 16px;}
	  ol, ul{margin:0; padding:0; list-style:none;}
	 .color-1{color: #fff;}
	 .color-2{color: #2e404c;}
	 .color-3{color: #f2635d;}
	 .color-4{color: #d6d6d6;}
	 .color-5{color: #7cba4e;}
	 .color-6{color: #37c0c2;}
	 .color-7{color: #0081b4;}
	 .mrt_3{margin-top:3px;}
	 .mrt_5{margin-top:5px;}
	 .mrt_6{margin-top:6px;}
	 .mrt_10{margin-top:10px;}
	 .mrt_15{margin-top:15px;}
	 .mrt_20{margin-top:20px;}
	 .mrt_30{margin-top:30px;}
	 .mrt_40{margin-top:50px;}
	 .mrt-bottom-20{margin-bottom:20px;}
	
	 .bg-1{background:#2e404c;}
	 .bg-2{background:#0081b4;}
	 .bg-3{background:#f2635d;}
	 .bg-4{background:#7cba4e;}
	 .bg-5{background:#37c0c2;}
	 .bg-6{background:#ebebeb;}
/* ================================================================
	HEADER
   ================================================================ */
   .h-top-header-bg{background:url(../images/top-header-bg.jpg) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
   .top-header-bg{background:#f4eeec;}
   .logo{margin:8px 0; float:left;}
   .top-header-right{float:right; margin:30px 0 0 0;}
   .top-info{float:left;}
   .top-info li{display:inline-block;height:29px;  padding:3px 10px; border-right:1px solid #8b8f93; font-family:Ebrima; font-size:14px; color:#2e404c;}
   .top-social{float:left; }
  .top-social a{ float:left; margin-right:0; margin-bottom:1px; width:40px; height:29px; border-right:1px solid #8b8f93;  background .30s ease-in-out; -moz-transition: background .30s ease-in-out; -webkit-transition: background .30s ease-in-out;}
  .top-facebook{background:url(../images/top-social-sprite.png) no-repeat;}
  .top-linkdin{background:url(../images/top-social-sprite.png) no-repeat -40px 0;}
  .top-twitter{background:url(../images/top-social-sprite.png) no-repeat -80px 0;}
  .top-googleplus{ background:url(../images/top-social-sprite.png) no-repeat -120px 0;}
  .top-facebook:hover{background-position:0 -29px;}
  .top-linkdin:hover{background-position:-40px -29px;}
  .top-twitter:hover{background-position:-80px -29px;}
  .top-googleplus:hover{background-position:-120px -29px;}
 /* ================================================================
	NAV
  ================================================================ */ 
  .nav-wrap{background:#0081b4; position:relative; z-index:1111; margin-top:10px;}
  /*search*/
   .headersearch {position: absolute; right: 0; z-index:9999;}
   .headersearch form {float: right;}
   .headersearch input {
    background: url(../images/search-icon.png) no-repeat center center #f2635d;
    border-left:0;
	border-right:0;
	border-top:0;
	border-bottom:0;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 0;
    height:45px;
    text-indent: -500px;
    transition: width 0.3s ease 0s, background-color 0.3s ease 0s;
	-webkit-transition: width 0.3s ease 0s, background-color 0.3s ease 0s;
	-moz-transition: width 0.3s ease 0s, background-color 0.3s ease 0s;
	-o-transition: width 0.3s ease 0s, background-color 0.3s ease 0s;
	-ms-transition: width 0.3s ease 0s, background-color 0.3s ease 0s;
    width: 45px;
	font-family:Ebrima; font-size:14px; color:#555;
}
   .headersearch input:hover {background: url(../images/search-icon.png) no-repeat center center #7cba4e;}
   .headersearch input:focus {background-color: #FFFFFF;  color: #84596c; cursor: text; padding-left: 15px; padding-right: 15px; text-indent: 25px;
    width: 220px; z-index:999;}
	
/* ================================================================
	BANNER 
  ================================================================ */
   .banner-img-div{float:left; width:50%; text-align:center;}
   .b-content-inner{width:474px; margin:0 auto;}
   
   .banner-content{float:left; width:50%; text-align:center; margin-top:145px;}
   .b-text-1{font-size:32px; margin:0;}
   .b-text-2{color:#888888;}
   .b-buy-now-btn{display:block; padding:7px 0; margin:0 44px; text-align:center; font-family: 'Raleway', sans-serif; font-size:20px; color:#fff; border-radius:126px;}
   .b-buy-now-btn:hover{background:#2e404c; color:#fff;} 
   .b-btn-div{margin:40px 0 0 0;}
   .b-btn-div a{float:right; width:50%;}
   

/* ================================================================
	BODY 
  ================================================================ */
	.body-head-1{font-size:30px; margin:10px 0 20px 0; font-weight:normal;}
	.body-head-2{font-size:36px; margin:0; font-weight:normal;}
    .f-normal{font-weight:normal;}
    /*.f-bold{font-weight:bold;}*/
    .f-uppercase{text-transform:uppercase;}
	
	.feature-top-section{position:relative; margin:-40px 0 0 0; z-index:111;}
	.top-heading-wrap{padding:20px 15px; text-align:center;}
	.feature-head{font-weight:bold; font-size:18px; text-transform:uppercase; text-align:center; margin:50px 10px 20px 10px; color:#fff; position:relative; z-index:111;}
	.feature-info{color:#fff; position:relative;  z-index:111;  margin:0 10px 10px 10px;}
	/*top service*/
	.top-service-wrap{margin:50px 0;}
	.top-service-thumb{margin-top:20px;}
	.top-service-thumb li{width:50%; float:left;}
	.t-s-bor-right{border-right:1px solid #c5c5c5;}
	.t-s-bor-left{border-left:1px solid #ffffff;}
	.t-s-bor-bottom{border-bottom:1px solid #c5c5c5;}
	.t-s-bor-top{border-top:1px solid #ffffff;}
	.top-service-main{text-align:center; padding:33px 15px; background:#ececec;}
	.top-service-main:hover{background:#2e404c;}
    .top-service-inner{width:77px; height:77px; display:block; margin:0 auto; border:2px solid transparent;}
	.top-service-main:hover .top-service-inner{background:#7cba4e; border:2px solid #d8e1dc;}
	.top-service-head{color:#2e404c; font-size:24px; margin:0; padding:25px 0 15px 0;}
	.top-service-main:hover .top-service-head{color:#fff;}
	.top-s-info{color:#888888;text-align: center;}
	.top-service-main:hover .top-s-info{color:#d6d6d6;}
	.top-s-read-more-btn{color:#2e404c;}
	.top-service-main:hover .top-s-read-more-btn{color:#f2635d;}
	.top-service-inner-inner{background:url(../images/top-service-icon-sprite.png) no-repeat; width:75px; height:75px; display:block;}
	.top-s-icon-1{background-position:0 0;}
	.top-s-icon-2{background-position:-75px 0;}
	.top-s-icon-3{background-position:-150px 0;}
	.top-s-icon-4{background-position:-225px 0;}
	.top-service-main:hover .top-s-icon-1{background-position:0 -75px;}
	.top-service-main:hover .top-s-icon-2{background-position:-75px -75px;}
	.top-service-main:hover .top-s-icon-3{background-position:-150px -75px;}
	.top-service-main:hover .top-s-icon-4{background-position:-225px -75px;}
	/* Effect 1 */
	.top-service-inner.effect-1 {
	  -webkit-transition: box-shadow 0.2s;
	  -moz-transition: box-shadow 0.2s;
	  transition: box-shadow 0.2s;
	}
	.top-service-inner.effect-1:after {
	  top:0;
	  left: 0;
	  padding: 0;
	  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
	  transition: transform 0.2s, opacity 0.2s;
	}
	
	/* Effect hover */
	.top-service-main:hover .top-service-inner.effect-1.sub-a:after {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	}
	.top-service-main:hover .top-service-inner.effect-1.sub-a{
	  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
	  -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
	  -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
	}
	/*progress bar*/
	.progress-head{font-family: 'Raleway', sans-serif; font-size:20px; color:#ffffff; padding:10px 15px 0 0; display:inline-block;}
	.skill-head{height:45px; background:#ececec; font-family: 'Raleway', sans-serif; font-size:28px; text-align:right; color:#2e404c; padding:0 15px 0 0;}
	.skill-po{position:relative; margin-top:80px;}
	.skill-bg-img{position:absolute; top:0; left:0; width:100%;}
	.skill-progress-div{padding-top:247px;}
	
	.progress-percent{font-family:Ebrima; font-size:40px; color:#fff; position:relative; z-index:3; padding:25px 0 0 0;}
	.progress-percent span{display:inline-block;}
	.p-space-1{padding:0 22px;}
	.p-space-2{padding:0 24px;}
	.p-space-3{padding:0 28px;}
	.p-space-4{padding:0 24px;}
	/*step*/
	.marginstyle-0{margin:0 !important;}
	.step-section-div{margin:0 -15px;}
	.step-section-div li{float:left; width:25%;}
	.work-step-wrap{padding:40px 0; margin:30px 0; background:url(../images/work-step-bg.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.step-head{font-size:16px; font-weight:bold; margin:20px 0 10px 0; color:#fff;}
	.step-item-div{background:url(../images/step-item-bg.png) no-repeat; width:213px; height:77px; font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#fff; padding:5px 0 0 75px; position:relative; z-index:2;}
	.step-section-wrap{margin:40px 15px 10px 15px;}
	.step-section-wrap:hover .step-item-div{background:url(../images/step-item-bg.png) no-repeat 0 -77px;} 
	.step-section-wrap:hover .step-head{ color:#7cba4e;}
	.step-section-wrap:hover p{ color:#fff;}
	.line-dash{border-bottom:1px dashed #f2635d; position:relative; top:80px;}
	/*portfolio work*/
   .portfolio-work-wrap{margin:50px 0;}
   .portfolio-work-thumb{margin:-15px -15px 15px -15px;}
   .portfolio-work-thumb li{margin:15px; float:left;}
   .p-work-item{position:relative; overflow: hidden; width:262px;}
   .p-w-triangle-topright { border-top: 50px solid #fff;  border-left: 50px solid transparent;  right:0;  position:absolute; z-index:2;}
   .view .p-work-details{position: relative;  margin: 140px 0 0 0;}
   .p-work-inner{background:url(../images/hover-bg-2.png) repeat;}
   .p-w-head{font-size:16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:7px 10px 0 15px; float:left; width:75%;}
   .p-w-head a:hover{color: #2e404c;}
   .p-icon-section{width:55px; float:right;}
   .p-icon-inner{width:55px; height:27px; background:#2e404c; display:block; padding-top:7px;}
   .p-icon-inner:hover{background:#0081b4;}
   .mrt-1{margin-top:1px;}
   .zoom-icon{width:16px; height:16px; display:block; margin:0 auto; background:url(../images/work-icon-sprite.png) no-repeat;}
   .details-icon{width:31px; height:14px; display:block; margin:0 auto; background:url(../images/work-icon-sprite.png) no-repeat -16px 0;}
   .cart-icon{width:22px; height:16px; display:block; margin:0 auto; background:url(../images/work-icon-sprite.png) no-repeat -47px 0;}
   .view-all-btn{background:#f2635d; font-family: 'Raleway', sans-serif; font-size:30px; color:#fff; width:450px; height:50px; margin:18px auto; display:block; text-align:center; }
   .v-all-iconinner{background:url(../images/view-icon.png) center center #2e404c no-repeat; width:99px; height:50px; display:block; float:right;}
   .mrt-t1{padding-top:5px; display:inline-block;}
   .view-all-btn:hover{background:#0081b4; color:#2e404c;}
   .view-all-btn:hover .v-all-iconinner{background:url(../images/view-icon.png) center center #f2635d no-repeat;}
   /*client says*/
    .client-says-wrap{padding:35px 0; margin:50px 0;}
	.client-img-div{float:left; border-right:2px solid #0081b4;}
	.client-details-div{padding:20px 30px 20px 250px; }
	.client-says-info{ color:#fff; font-size:16px; font-style:italic; background:url(../images/colon.png) center right no-repeat; padding:0 50px 0 0;}
	.client-n-c{font-size:16px;}
	.c-line{color:#f2635d; margin:0 10px;}
	.arrow-top{background:url(../images/arrow-top.png) no-repeat; width:36px; height:16px; display:block;}
	.c-name-wrap{ margin-left:210px;}
   /*home blog*/
    .blogdesign-item{position:relative; overflow: hidden; width:567px;}
    .triangle-topright { border-top: 80px solid #fff;  border-left: 80px solid transparent;  right:0;  position:absolute; z-index:2;}
    .view {overflow: hidden; position: relative;}
    .view .mask,.view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
    .view img { display: block; position: relative;}
	.view .view blog-img-view{position: relative;  margin: 0 0 0 0;}
	.blog-view-wrap{width:59px; height:59px; background-color:#435d4d; margin:0 auto; display:block; padding:14px 0;}
	.blog-view-wrap:hover{background-color:#f2635d;}
	.blog-view-icon{background:url(../images/view-icon.png) no-repeat; width:45px; height:31px; display:block; margin:0 auto;}
	
	.view .h-blog-details{ display: block; padding:4px 0; background:url(../images/hover-bg-1.png) repeat; position:absolute; bottom:15px; width:100%; min-height:40px;}
	.h-blog-head{font-size:22px; float:left; width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:20px;}
	.h-blog-post{font-family:Ebrima; font-size:14px; color:#fff; float:right; padding-right:20px; margin-top:7px;}
	.h-blog-post span{display:inline-block; margin-left:20px;}
	.time-h{width:13px; height:13px; background:url(../images/small-iocn-sprite.png) no-repeat;  margin-right:7px; float:left; margin-top:4px;}
	.article-h{width:13px; height:13px; background:url(../images/small-iocn-sprite.png) no-repeat -13px 0;  margin-right:7px; float:left; margin-top:4px;}

    .h-b-triangle-topright { border-top: 20px solid #fff;  border-left: 20px solid transparent;  right:0;  position:absolute; z-index:3;}
    .h-blog-date-div{background:#f2635d; width:85px; height:85px; text-align:center; position:absolute; top:15px; right:15px; z-index:3;}
	.h-blog-date-div h4{margin:8px 0 0 0; font-size:48px; color:#fff; line-height:40px;}
	.h-blog-date-div p{ font-family: 'Raleway', sans-serif; font-size:18px; color:#fff;} 
	.h-blog-thumb{margin:30px -1px 20px -1px;}
	.h-blog-thumb li{margin:1px; float:left;}
	/*Client section*/
	.client-wrap{margin:30px 0;}
	.client-logo{margin:0; text-align:center;}
	.client-logo li{ width:164px; position:relative; display:inline-block; margin:0 11px; border: 1px solid transparent;}
	.client-logo li a{display:block;}
	.client-logo li:hover{border:1px dashed #f2635d;}
	/*newsletter*/
   .newsletter-wrap{padding:40px 35px; position:relative; z-index:2; margin-top:50px;}
   .newsletter-head{font-family: 'Raleway', sans-serif; margin:15px 0 0 0; font-weight:normal; font-size:36px; color:#fff;}
   .newsletter-input{display: block; width: 100%; height: 75px;  padding: 10px 20px; -webkit-font-smoothing: antialiased; font-family: Ebrima; font-size: 16px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #fff; background-image: none; border:0;}
   .news-letter-btn{border:0; height:75px; width:100%;  font-family: 'Raleway', sans-serif; font-size:36px; text-transform:uppercase; color:#fff; background:#0081b4;}
   .news-letter-btn:hover{color:#7cba4e; background:#2e404c;}

/* ================================================================
	FOOTER
   ================================================================ */
  .footer_top{background:#2e404c; padding:15px 0; position:relative; margin-top:0px; }
  .footer-logo{margin:50px 0 30px 0;}
  .footer-logo-info{font-family:Ebrima; color:#FFF;}
  .fliker-thumb{margin:-4px -4px 0 -4px;}
  .fliker-thumb li{float:left; margin:4px;}
  .fliker-thumb li a{display:block; background:#2e404c;}
  .fliker-thumb li img{opacity:0.5; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;}
  .fliker-thumb li img:hover{opacity:1;}
  
  .footer-head{-webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; font-weight:bold; font-size:14px; color:#F2635D; margin:50px 0 15px 0;}
  .footer-info{-webkit-font-smoothing: antialiased; font-family:Ebrima; font-size:14px; color:#fff;}
  .policies-link li{-webkit-font-smoothing: antialiased; font-family:Ebrima; font-size:14px; display:block; margin:2px 0; line-height:15px;}
  .policies-link li a{color:#fff;}
  .policies-link li a:hover{color:#7cba4e;}
  .footer-map-wrap{border:1px dashed #f2635d; padding:3px; margin-top:50px;}
   #map-canvas {height: 255px; width:auto; margin:0; padding:0; border:0;}
   #map-canvas img{max-width:inherit;}
  
  .margin-0{margin:25px 0 15px 0;}
  .footer-social{margin-top:15px;}
  .footer-social a{ float:left; margin-right:15px; margin-bottom:1px; transition: background .30s ease-in-out; -moz-transition: background .30s ease-in-out; -webkit-transition: background .30s ease-in-out;}
  .footer-social a:last-child{margin-right:0;}
  .f-facebook{background:url(../images/f-social-icon-sprite.png) no-repeat 0 0; width:13px; height:29px;}
  .f-linkdin{background:url(../images/f-social-icon-sprite.png) no-repeat -13px 0; width:18px; height:29px;}
  .f-twitter{background:url(../images/f-social-icon-sprite.png) no-repeat -31px 0; width:27px; height:29px;}
  .f-googleplus{background:url(../images/f-social-icon-sprite.png) no-repeat -60px 0; width:29px; height:29px;}
 
  .f-facebook:hover{background-position:0 -29px;}
  .f-linkdin:hover{background-position:-13px -29px;}
  .f-twitter:hover{background-position:-31px -29px;}
  .f-googleplus:hover{background-position:-60px -29px;}
  
  .footer_bottom{background:#f2635d; padding:0px 0;}
  .footer-text{font-family: Ebrima; font-size:14px; color:#fff;}
  .footer_bottom p a{color:#fff;}
  .footer_bottom p a:hover{color:#7cba4e;}
  
  .footer-menu-wrap{margin-top:5px; padding:0 0 15px 0; text-align:center; border-bottom:1px solid #7cba4e;}
  .footer-menu li{display:inline-block; position:relative; font-family:Ebrima; font-size:14px; border-right:1px solid #7cba4e; margin:0 -5px 0 0;}
  .footer-menu li:last-child{border-right:0;}
  .footer-menu li a{color:#fff; display:inline-block; padding:2px 30px; -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;                 
    -o-transition: all 0.5s ease 0s;   
    -ms-transition: all 0.5s ease 0s;          
    transition: all 0.5s ease 0s;}
  .footer-menu li a:hover{color:#fff; background:#7cba4e;}
  /*totop*/
  .scrollup{width:39px; height:39px; opacity:0.7; position:fixed; bottom:9px; right:15px; display:none; text-indent:-9999px; background: url(../images/totop.png) no-repeat; z-index:9999;}
  .scrollup:hover{background: url(../images/totop.png) no-repeat 0 -39px;}
  /*totop*/ 
 /* ================================================================
	OTHER PAGE STYLE
   ================================================================ */ 
  .common-head-div{background:url(../images/common-head-bg.png) top left no-repeat; border-bottom:1px solid #f2635d; display:inline-block; min-height:40px; margin-bottom:40px;}
  .common-head{font-size:18px; margin:0; padding:10px 10px 10px 50px;}
  /*portfolio*/
  .portfolioFilter{text-align:right; margin:15px 0 0 0;}
  .portfolioFilter a {font-size:14px; font-family: 'Raleway', sans-serif; font-weight:bold; text-decoration: none; color: #888888; display:inline-block; position:relative; border-bottom:1px solid transparent; margin-left:20px; padding:0 0 5px 0;
     -webkit-transition: all 0.5s ease 0s;   
       -moz-transition: all 0.5s ease 0s;                 
		-o-transition: all 0.5s ease 0s;   
		-ms-transition: all 0.5s ease 0s;          
		transition: all 0.5s ease 0s;} 
  .portfolioFilter a:hover, .portfolioFilter a.current {color: #0081b4; border-bottom:1px solid #0081b4;}
	
  .load-more-btn3{font-family: 'Raleway', sans-serif; font-size:22px; color:#fff;  background:#f2635d;  padding:5px 0; width:375px; display:block; text-align:center;
 margin:30px auto 0 auto;}
  .load-more-btn3:hover{color:#fff; background:#7cba4e;}
 /* ================================================================
	CONTACTS
   ================================================================ */ 
   .contact-head-2{font-size:18px; margin:10px 0 10px 0;}
   .address-info li{font-family Ebrima; font-size:14px; color:#888888; padding:3px 0 3px 25px;}
   .address-info li span{color:#f2635d;}
   .address-icon{background:url(../images/address-icon.png) no-repeat 0 4px;}
   .phone-icon{background:url(../images/phone-icon.png) no-repeat 0 5px;}
   .email-icon{background:url(../images/email-icon.png) no-repeat 0 6px;}
   .time-icon{background:url(../images/time-icon.png) no-repeat 0 6px;}

/* ================================================================
	RESPONSIVE CODE
   ================================================================ */
	@media (min-width: 993px) and (max-width: 1200px){
	/*Header*/
	
	/*Banner*/
	 .banner-content{float:left; width:50%; text-align:center; margin-top:150px;}
     .b-text-1{font-size:45px; margin:0;}
	 .b-content-inner{width:392px;}
	/*Body*/
	.body-head-1{font-size:28px;}
	.body-head-2{font-size:30px;}
	
	/*skill process*/
	.skill-progress-div{padding-top:220px;}
	.progress-percent{font-size:36px;}
	.p-space-4{padding:0 16px;}
	.skill-head{font-size:26px; padding:4px 15px 0 0;}
	.top-service-main{padding:30px 15px;}
	/*portfoliowork*/
	.portfolio-work-thumb{margin:-15px -10px 15px -10px;}
    .portfolio-work-thumb li{margin:15px 10px;}
    .p-work-item{width:219px;}
	.view .p-work-details{margin: 110px 0 0 0;}
	.p-w-head{width:70%;}
	/*client says*/
	.client-says-info{padding:0 70px 0 0;}
	/*home blog*/
	.blogdesign-item{width:469px;}
	.h-blog-head{font-size:20px; padding-left:20px;}
	.h-blog-post{margin-top:5px;}
    .h-blog-post span{margin-left:10px;}
	.client-logo li{width:134px; margin:0 9px;}
	/*Foooter*/
    .footer-head{font-size:13px; color:#fff;}
    .fliker-thumb li{width:65px;}
    .footer-info{font-size:13px;}
	.policies-link li{font-size:13px;}
	.footer-social a{margin-right:10px;}
	
	
	}
	@media (min-width: 768px) and (max-width: 992px){
	/*Header*/
	.logo{width:160px;}
	.top-header-right{float:right; margin:20px 0 0 0;}
	/*Banner*/
	 .banner-content{margin-top:100px;}
     .b-text-1{font-size:35px; margin:0;}
	 .b-buy-now-btn{padding:5px 20px; font-size:20px;}
	 .b-content-inner{width:300px;}
	/*Body*/
	.body-head-1{font-size:26px; margin:10px 0 35px 0;}
	.body-head-2{font-size:28px;}
	
	/*skill process*/
	.skill-po{margin-top:30px;}
	/*step*/
	.step-item-div{background:url(../images/step-item-bg-mobile.png) no-repeat; width:166px; height:60px; font-size:42px; color:#fff; padding:0 0 0 60px;}
	.step-section-wrap{margin:30px 15px 10px 15px;}
	.step-section-wrap:hover .step-item-div{background:url(../images/step-item-bg-mobile.png) no-repeat 0 -60px;} 
	.step-head{font-size:14px;}
	.line-dash{top:61px;}
	/*portfolio work*/
	.portfolio-work-thumb{margin:-15px 0 15px 0;}
    .portfolio-work-thumb li{margin:15px 0; width:50%;}
    .p-work-item{margin:0 auto;}
	/*client says*/
	.client-says-info{padding:0 70px 0 0;}
	/*home blog*/
	.blogdesign-item{width:355px;}
	.h-blog-head{font-size:20px; padding:0 10px; text-align:center; width:100%; float:none; display:block;}
	.h-blog-post{margin:0 0 3px 0; text-align:center; float:none;}
    .h-blog-post span{margin-left:5px; position:relative; display:inline-block;}
	.view .h-blog-details{bottom:5px;}
	/*newsletter*/
	.client-logo li{width:105px; margin:0 5px;}
	.newsletter-wrap{padding:25px 20px; margin-top:10px;}
	.newsletter-head{font-size:30px; margin-top:10px;}
	.newsletter-input{height: 60px;}
    .news-letter-btn{font-size:24px; height:60px;}
	/*Foooter*/
	.footer_top{padding:30px 0; margin-top:-55px;}
	.footer-menu li{font-size:14px;}
    .footer-menu li a{padding:2px 20px;}
	.footer-logo{margin:20px 0 15px 0;}
    .footer-head{margin:20px 0 15px 0;}
	.footer-map-wrap{margin-top:20px;}
	/*portfolio*/
	.portfolioFilter{text-align:center; margin:10px 0;}
	.portfolioFilter a {font-size:14px; margin:0 8px;}
	.common-head-div{margin-bottom:35px;}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	/*Header*/
	.logo{width:160px; float:none; margin:10px auto;}
	.top-header-right{display:none;}
	.headersearch {display:none;}
	/*Banner*/
	 .banner-content{margin-top:70px;}
     .b-text-1{font-size:25px; margin:0;}
	 .b-buy-now-btn{padding:5px 0; font-size:16px;}
	 .b-content-inner{width:auto; margin-right:30px;}
	 .b-btn-div{margin:20px 0 0 0;}
 	/*Body*/
	.body-head-1{font-size:24px; margin:10px 0 30px 0;}
	.body-head-2{font-size:26px;}
	
	/*skill process*/
	.progress-percent{font-size:32px;}
	.p-space-4{padding:0 22px;}
	.skill-bg-img{width:430px;}
	.skill-po{margin-top:30px;}
	.top-service-main{padding:35px 15px;}
	/*step*/
	.step-section-div li{float:left; width:50%;}
	.step-section-wrap{margin:30px auto 0 auto; width:220px;}
	.line-dash{display:none;}
	/*portfolio-work*/
	.portfolio-work-wrap{margin:20px 0;}
	.portfolio-work-thumb{margin:-15px 0 15px 0;}
    .portfolio-work-thumb li{margin:10px 0; width:50%;}
	.p-work-item{width:219px; margin:0 auto;}
	.view .p-work-details{margin: 110px 0 0 0;}
	.p-w-head{width:70%;}
	.view-all-btn{width:400px; font-size:26px;}
	.mrt-t1{padding-top:7px;}
	/*client says*/
	.client-says-wrap{padding:30px 0; margin:20px 0;}
	.client-img-div{float:none; width:150px; border-right:0; margin:15px auto 0 auto;}
	.client-details-div{padding:15px; clear:both;}
	.client-says-info{padding:0 70px 0 0;}
	.arrow-top{margin:0 auto;}
	.c-name-wrap{ margin-left:0; text-align:center;}
	/*home blog*/
	.h-blog-thumb li{margin:0; float:none;}
	.blogdesign-item{width:440px; margin:2px auto;}
	.h-blog-head{font-size:20px; padding:0 10px; text-align:center; width:100%; float:none; display:block;}
	.h-blog-post{margin:0 0 3px 0; text-align:center; float:none;}
    .h-blog-post span{margin-left:5px; position:relative; display:inline-block;}
	.view .h-blog-details{bottom:5px;}
	/*newsletter*/
	.client-logo li{width:105px; margin:0 5px;}
	.newsletter-wrap{padding:20px 15px; margin-top:10px;}
	.newsletter-head{font-size:26px; margin:0 0 10px 0;}
	.newsletter-input{height: 50px;}
    .news-letter-btn{font-size:24px; height:50px; margin-top:10px;}
	.footer-menu li{width:25%; border-right:0;}
	.footer-menu li a{display:block;}
	/*Foooter*/
	.footer_top{padding:30px 0; margin-top:-55px;}
	.footer-logo{margin:20px 0 15px 0;}
    .footer-head{margin:20px 0 15px 0;}
	.footer-map-wrap{margin-top:20px;}
	.mrt_40{margin-top:35px;}
	/*portfolio*/
	.portfolioFilter{text-align:center; margin:10px 0;}
	.portfolioFilter a {font-size:14px; margin:0 8px;}
	.load-more-btn3{width:auto;}
	.common-head-div{margin-bottom:30px;}
	}
	@media (min-width: 320px) and (max-width: 479px) {
	/*Header*/
	.logo{width:160px; float:none; margin:10px auto;}
	.top-header-right{display:none;}
	.headersearch {display:none;}
	/*Banner*/
	 .banner-img-div{display:none;}
     .banner-content{float:none; width:auto; margin:20px 10px 40px 10px;}
     .b-text-1{font-size:25px; margin:0;}
	 .b-buy-now-btn{padding:5px 0; font-size:16px;}
	 .b-content-inner{width:auto;}
	 .b-btn-div{margin:20px 0 0 0;}
	/*Body*/
	.body-head-1{font-size:22px ;margin:10px 0 25px 0;}
	.body-head-2{font-size:24px;}
	
	/*skill process*/
	.skill-bg-img{display:none;}
	.progress-percent{display:none;}
	.skill-po{margin-top:20px;}
	.skill-progress-div{padding-top:0;}
	.skill-head{font-size:22px; padding:8px 10px 0 0;}
	.progress-head{font-size:16px; padding:10px 10px 0 0;}
	/*top service*/
	.top-service-wrap{margin:20px 0;}
	.top-service-thumb{margin-top:20px;}
	.top-service-thumb li{width:auto; float:none;}
	.t-s-bor-right{border-right:0; border-bottom:1px solid #c5c5c5;}
	.t-s-bor-left{border-left:0; border-top:1px solid #ffffff;}
	.top-service-main{padding:30px 15px;}
	.top-service-head{font-size:22px;}
	/*step*/
	.step-section-div li{float:none; width:auto;}
	.step-section-wrap{margin:25px 15px 10px 15px;}
	.line-dash{display:none;}
	/*portfolio-work*/
	.portfolio-work-wrap{margin:20px 0;}
	.portfolio-work-thumb{margin:-15px 0 5px 0;}
    .portfolio-work-thumb li{margin:15px 0; float:none; width:auto;}
	.p-work-item{margin:0 auto;}
	.view-all-btn{width:auto; font-size:20px;}
	.mrt-t1{padding-top:12px;}
	.v-all-iconinner{width:80px;}
	/*client says*/
	.client-says-wrap{padding:30px 0; margin:20px 0;}
	.client-img-div{float:none; width:150px; border-right:0; margin:15px auto 0 auto;}
	.client-details-div{padding:15px; clear:both;}
	.client-says-info{padding:0 50px 0 0;}
	.arrow-top{margin:0 auto;}
	.c-name-wrap{ margin-left:0; text-align:center;}
	/*home blog*/
	.h-blog-thumb li{margin:0; float:none;}
	.triangle-topright {border-top: 60px solid #fff;  border-left: 60px solid transparent;}
	.blogdesign-item{width:auto; margin:2px auto;}
	.h-blog-head{font-size:18px; padding:0 10px; text-align:center; width:100%; float:none; display:block;}
	.h-blog-post{margin:0 0 3px 0; text-align:center; float:none;}
    .h-blog-post span{margin-left:5px; position:relative; display:inline-block;}
	.view .h-blog-details{bottom:5px;}
	.h-blog-date-div{width:75px; height:75px; top:10px; right:10px;}
	.h-blog-date-div h4{font-size:38px; line-height:32px;}
	.h-blog-date-div p{font-size:16px; } 
	
	/*newsletter*/
	.client-logo li{width:105px; margin:0 5px;}
	.newsletter-wrap{padding:20px 15px; margin-top:10px;}
	.newsletter-head{font-size:24px; margin:0 0 10px 0;}
	.newsletter-input{height: 50px;}
    .news-letter-btn{font-size:22px; height:50px; margin-top:10px;}
	.footer-menu li{width:50%; border-right:0;}
	.footer-menu li a{display:block;}
	/*Foooter*/
	.footer_top{padding:30px 0; margin-top:-55px;}
	.footer-logo{margin:20px 0 15px 0;}
    .footer-head{margin:20px 0 15px 0;}
	.footer-map-wrap{margin-top:20px;}
	.common-head{font-size:16px;}
	.mrt_40{margin-top:30px;}
	/*portfolio*/
	.portfolioFilter{text-align:center; margin:10px 0;}
	.portfolioFilter a {font-size:13px; margin:0 8px;}
	.load-more-btn3{width:auto;}
	.common-head-div{margin-bottom:25px;}
	}
	@media (min-width: 200px) and (max-width: 319px) {
	/*Header*/
	.logo{width:160px; float:none; margin:10px auto;}
	.top-header-right{display:none;}
	.headersearch {display:none;}
	/*Banner*/
	 .banner-img-div{display:none;}
     .banner-content{float:none; width:auto; margin:20px 10px 40px 10px;}
     .b-text-1{font-size:20px; margin:0;}
	 .b-buy-now-btn{padding:5px 0; font-size:16px;}
	 .b-content-inner{width:auto;}
	 .b-btn-div{margin:20px 0 0 0;}
	/*Body*/
	.body-head-1{font-size:20px; margin:10px 0 20px 0;}
	.body-head-2{font-size:22px;}
	/*skill process*/
	.skill-bg-img{display:none;}
	.progress-percent{display:none;}
	.skill-po{margin-top:20px;}
	.skill-progress-div{padding-top:0;}
	.skill-head{font-size:20px; padding:8px 8px 0 0;}
	.progress-head{font-size:15px; padding:10px 8px 0 0;}
	/*top service*/
	.top-service-wrap{margin:20px 0;}
	.top-service-thumb{margin-top:20px;}
	.top-service-thumb li{width:auto; float:none;}
	.t-s-bor-right{border-right:0; border-bottom:1px solid #c5c5c5;}
	.t-s-bor-left{border-left:0; border-top:1px solid #ffffff;}
	.top-service-main{padding:30px 15px;}
	.top-service-head{font-size:20px;}
	/*step*/
	.step-section-div li{float:none; width:auto;}
	.step-item-div{background:url(../images/step-item-bg-mobile.png) no-repeat; width:166px; height:60px; font-size:42px; color:#fff; padding:0 0 0 60px;}
	.step-section-wrap:hover .step-item-div{background:url(../images/step-item-bg-mobile.png) no-repeat 0 -60px;} 
	.step-section-wrap{margin:20px 15px 10px 15px;}
	.step-head{font-size:14px; margin:15px 0 5px 0;}
	.line-dash{display:none;}
	/*portfolio-work*/
	.portfolio-work-wrap{margin:20px 0;}
	.portfolio-work-thumb{margin:-15px 0 5px 0;}
    .portfolio-work-thumb li{margin:15px 0; float:none; width:auto;}
	.p-work-item{width:220px; margin:0 auto;}
	.view .p-work-details{margin: 110px 0 0 0;}
	.p-w-head{width:70%;}
	.view-all-btn{width:auto; font-size:18px;}
	.mrt-t1{padding-top:14px;}
	.v-all-iconinner{width:60px;}
	/*client says*/
	.client-says-wrap{padding:30px 0; margin:20px 0;}
	.client-img-div{float:none; width:150px; border-right:0; margin:15px auto 0 auto;}
	.client-details-div{padding:15px; clear:both;}
	.client-says-info{padding:0 50px 0 0;}
	.arrow-top{margin:0 auto;}
	.c-name-wrap{ margin-left:0; text-align:center;}
	/*home blog*/
	.h-blog-thumb li{margin:0; float:none;}
	.triangle-topright {border-top: 60px solid #fff;  border-left: 60px solid transparent;}
	.blogdesign-item{width:auto; margin:2px auto;}
	.h-blog-head{font-size:16px; padding:0 10px; text-align:center; width:100%; float:none; display:block;}
	.h-blog-post{margin:0 0 3px 0; text-align:center; float:none;}
    .h-blog-post span{margin-left:5px; position:relative; display:inline-block;}
	.view .h-blog-details{bottom:3px;}
	.h-blog-date-div{width:55px; height:55px; top:10px; right:10px;}
	.h-blog-date-div h4{font-size:28px; line-height:20px;}
	.h-blog-date-div p{font-size:14px; }
	.h-b-triangle-topright  {border-top: 10px solid #fff;  border-left: 10px solid transparent;} 
	/*newsletter*/
	.client-logo li{width:105px; margin:0 5px;}
	.newsletter-wrap{padding:20px 15px; margin-top:10px;}
	.newsletter-head{font-size:22px; margin:0 0 10px 0;}
	.newsletter-input{height: 50px;}
    .news-letter-btn{font-size:22px; height:50px; margin-top:10px;}
	.footer-menu li{width:50%; border-right:0;}
	.footer-menu li a{display:block;}
	/*Foooter*/
	.footer_top{padding:30px 0; margin-top:-55px;}
	.footer-logo{margin:20px 0 15px 0;}
    .footer-head{margin:20px 0 15px 0;}
	.footer-map-wrap{margin-top:20px;}
    .common-head{font-size:15px; padding:12px 10px 10px 50px;}
	.mrt_40{margin-top:30px;}
	/*portfolio*/
	.portfolioFilter{text-align:center; margin:10px 0;}
	.portfolioFilter a {font-size:12px; margin:0 8px;}
	.load-more-btn3{width:auto;}
	.common-head-div{margin-bottom:20px;}
	}