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

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-star:before {
  content: "\e929";
}
.icon-quote-left:before {
  content: "\e900";
}
.icon-add:before {
  content: "\e901";
}
.icon-add-circular:before {
  content: "\e902";
}
.icon-back:before {
  content: "\e903";
}
.icon-facebook-logo:before {
  content: "\e904";
}
.icon-google-plus-logo:before {
  content: "\e905";
}
.icon-icon:before {
  content: "\e906";
}
.icon-instagram-social-network-logo-of-photo-camera:before {
  content: "\e907";
}
.icon-left-arrow:before {
  content: "\e908";
}
.icon-linkedin-logo:before {
  content: "\e909";
}
.icon-minus:before {
  content: "\e90a";
}
.icon-next:before {
  content: "\e90b";
}
.icon-padlock:before {
  content: "\e90c";
}
.icon-pinterest:before {
  content: "\e90d";
}
.icon-power-button-off:before {
  content: "\e90e";
}
.icon-right-arrow:before {
  content: "\e90f";
}
.icon-twitter:before {
  content: "\e910";
}
.icon-youtube-logo:before {
  content: "\e911";
}
.icon-behance:before {
  content: "\e912";
}
.icon-black-back-closed-envelope-shape:before {
  content: "\e913";
}
.icon-dribble-logo:before {
  content: "\e914";
}
.icon-education-form:before {
  content: "\e915";
}
.icon-facebook55:before {
  content: "\e916";
}
.icon-google-plus-logo1:before {
  content: "\e917";
}
.icon-key195:before {
  content: "\e918";
}
.icon-label49:before {
  content: "\e919";
}
.icon-left-arrow1:before {
  content: "\e91a";
}
.icon-linkedin-logo1:before {
  content: "\e91b";
}
.icon-location:before {
  content: "\e91c";
}
.icon-man-user:before {
  content: "\e91d";
}
.icon-power-button-off1:before {
  content: "\e91e";
}
.icon-right-arrow1:before {
  content: "\e91f";
}
.icon-search:before {
  content: "\e920";
}
.icon-shield20:before {
  content: "\e921";
}
.icon-smartphone-call:before {
  content: "\e922";
}
.icon-tool:before {
  content: "\e923";
}
.icon-tool-2:before {
  content: "\e924";
}
.icon-tool-5:before {
  content: "\e925";
}
.icon-twitter1:before {
  content: "\e926";
}
.icon-user73:before {
  content: "\e927";
}
.icon-woman-standing-up:before {
  content: "\e928";
}




body{
	/*padding-top:70px;*/
	font-family: 'Titillium Web', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Playfair Display', serif;
}
.bg-watermark{
	background:url(../images/water-mark.png) repeat-x;
	width: 50%;
	height:653px;
	position:absolute;
	top:0px;
	left:0px;
    z-index: -1;
}
.bg-watermark-full-width{
    width: 100%;
	z-index: -1;
}
.nav-container{
	position:relative;
}
.header{
	position:relative;
	margin-bottom: 200px;
}

.header h1{
	font-size:72px;
	color:#000;
	font-weight:700;
	line-height:75px;
	margin:40px 0px 0px 0px;
}

.header h2{
	font-size:42px;
	color:#000;
	font-weight:700;
	margin:30px 0px 0px 0px;
}

.header h2 mark{
	background:url(../images/mark.jpg) 0px bottom  repeat-x;
}


.header p{
	font-size:18px;
	color:#000;
	font-weight:400;
	margin:20px 0px 0px 0px;
}

.logo-icon{
	position:absolute;
	top:-165px;
	right: 20px;
}

.middle-info{
	margin-top:150px;
}
.middle-info h6{
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
}
.middle-info h2{
	font-size:60px;
	color:#343434;
	font-weight:700;
	margin:0px 0px 30px 0px;
}
/*.middle-info */
h2 mark{
	background:url(../images/mark.jpg) 0px bottom  repeat-x;
	color:#343434;
}

.middle-info.what-we-do h3{
	font-size:36px;
	color:#343434;
	font-weight:700;
	margin:0px 0px 23px 0px;
}

.middle-info p{
	font-size:18px;
	color:#000;
	line-height: 24px;
}
.middle-info p span{
	font-size:24px;
	color:#000;
}
.detail-info{
	margin:30px -15px 0px -15px;
}

.numbers{
	float:left;
	font-size:60px;
	color:#000;
	font-weight:700;
	line-height: 41px;
}
.details{
	float:left;
	font-size:18px;
	color:#000;
	font-weight:600;
	margin-left:10px;
	margin-top: 5px;
	line-height: 21px;
}
.design-ratio h2{
	font-size:42px;
}

.design-ratio p strong{
	margin-top:20px;
	display: block;
}

.design-ratio p:last-child{
	margin-bottom:0px;
}
.department{
	margin-top:150px;
}

.department h3{
	font-size:48px;
	color:#000;
	font-weight:700;
	margin:20px 0px 0px 0px;
}
.department p{
	font-size:18px;
	color:#000;
	font-weight:400;
	line-height:24px;
	margin:10px 0px 0px 0px;
}
.department-info{
	font-size:24px !important;
	color:#000;
	font-weight:700 !important;
	margin:10px 0px 20px 0px;
}

.button{
	text-align:center;
	border:2px solid #000;
	font-size:16px;
	color:#000;
	font-weight:700;
	border-radius:0px;
	text-transform:uppercase;
	padding:10px 50px;
	margin:30px 0px 0px 0px;
	position:relative;
	background-color: transparent;
	transition: all .3s ease-in-out;
} 
.button:hover{
	color:#e82574;
	border-color:#e82574;
	transition: width .3s;
}

.view-more span::after{
    content: url(../images/button-arrow.png);
    width:32px;
    height: 20px;
	position:absolute;
	right:-23px;
	transition: 0.5s;
}
.view-more:hover span::after{
	content: url(../images/button-arrow-over.png);
} 
.department-content-left{
	padding-left:85px;
}
.department-content-right{
	padding-right:85px;
}

.department-carousel{
	padding-left:85px;
}
.creative-process h2{
	font-size:48px;
	margin:0px 0px 20px 0px;
}
.design-process{
	margin-top:30px;
}
.process{
	background:url(../images/design-process.jpg) repeat-x;
	margin-left: -15px;
	padding:35px 85px 80px
}
.process p{
	margin-bottom:0px;
	margin-top:45px;
	font-size:24px;
	color:#FFF;
	line-height:28px;
}

.process p strong{
	font-weight:700;
	text-transform:uppercase;
}
.process h3{
	font-size:48px;
	color:#FFF;
	font-weight:700;
	margin:0px 0px 0px 0px;
}
.process h3 span{
	font-size:72px;
}
.step{
	margin-top:0px;
}
.step h4{
	font-size:48px;
	font-weight:700;
	margin:0px 0px 20px 0px;
}
.step h4 img{
	margin-right:10px;
}
.step p{
	font-size:18px;
	color:#000;
	font-weight:400;
    margin-bottom: 0px;
}
.step p strong{
	font-size:22px;
	color:#000;
	font-weight:700;
	margin:0px 0px 10px 0px;
	display:block;
}
.step .view-more{
	margin:50px auto 0px;
	display:block;
}
.testimonial{
}
.testimonial-client-details{
	background-color:#ecf0f1;
	margin-top: 30px;
}
.client-details{
	background-color:#5b4ca0;
	margin-right: -16px;
	height: 662px;
}
.client-details .read-more{
	font-size:16px;
	font-weight:700;
	color:#FFF;
	float:right;
	text-transform:uppercase;
	margin:50px 0px 0px 0px;
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.client-details .read-more span::after{
    content: url(../images/white-right-arrow.png);
    width:32px;
    height: 20px;
	float:right;
	margin:3px 0px 0px 10px;
}
.client-photo{
	float:left;
}
.client-info{
	float:left;
	padding:20px;
	width: 55%;
	position: relative;
	height: 214px;
}
.name{
	font-size:24px;
	color:#FFF;
	font-weight:700;
}
.company-name{
	font-size:18px;
	color:#FFF;
	font-weight:400;
}
.project-img{
    position: absolute;
    left: 85px;
}

.testimonials .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
	height: 793px;
}
.testimonials .right-section{
	padding-top:60px;
	padding-bottom:60px;
	padding-right: 60px;
}
.testimonials .right-section h5{
	font-size:36px;
	color:#000;
	font-weight:700;
	font-family: 'Titillium Web', sans-serif;
}

.testimonials .right-section h5 span::before{
    content: url(../images/text-mark.png);
	width: 93px;
	height: 73px;
	float: left;
	margin: 0px 0px 0px -136px;
}
.testimonials h2 mark{
	color:#000 !important;
}
.testimonials .view-more{
	position:absolute;
	bottom:-98px;
	left: 0px;
}

.testimonials .read-more2 {
    position: relative;
    margin: 50px auto 0px;
    display: table;
}

.testimonials .read-more2 span::after {
    content: url(../images/button-arrow.png);
    width: 32px;
    height: 20px;
    position: absolute;
    right: -23px;
    transition: 0.5s;
}
.testimonials .read-more2:hover span::after {
    content: url(../images/button-arrow-over.png);
}
.good-firm a{
	width:100%;
}
.padding0{
	padding:0px;
}
.middle-space{
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width:14%;
}

.testimonials .carousel-control-next{
bottom: 4px;
}

.testimonials .carousel-control-prev{
bottom: 4px;
}

.testimonial-client-orange .client-details {
    background-color: #f05045;
}
.testimonials .testimonial-client-orange .right-section h5 span::before{
    content: url(../images/text-mark-orange.png);
}

.testimonial-client-green .client-details {
    background-color: #199b8c;
}
.testimonials .testimonial-client-green .right-section h5 span::before{
    content: url(../images/text-mark-green.png);
}

.testimonial-client-blue .client-details {
    background-color: #3f53a0;
}
.testimonials .testimonial-client-blue .right-section h5 span::before{
    content: url(../images/text-mark-blue.png);
}

.semibold{
	font-weight:600;
	font-size:24px !important;
}

.why-choose-us{
	margin-top:190px;
}
.principles{
	margin-top:0px;
}

.principles h2{
	font-weight:700;
	color:#000;
	margin:30px 15px 0px;
	width:100%
}

.principles h4{
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:400;
	color:#000;
	margin:30px 15px 0px;
	width:100%
}

.principles .why-choose-us-step-content {
    float: right;
    font-size: 16px;
    color: #000;
    line-height: 19px;
    width:87.5%;
}
.principles .why-choose-us-step-content strong{
    font-size: 18px;
	display: block;
	margin-bottom:5px;
}

.principles .why-choose-us-step{
	margin:50px 0px 0px;
}

.looking-design{
	font-size:24px;
	color:#000;
	font-weight:400;
}

.looking-design strong{
	font-size:36px;
	color:#000;
	font-weight:700;
}
.why-right-content{
	padding-right: 85px;
	margin-top: -44px;
}
.why-right-content p{
	line-height: 22px;
}
.wow{
	background:url(../images/wow.png) no-repeat;
	padding:25px;
	font-size:36px;
	color:#FFF;
	line-height:42px;
	text-transform:uppercase;
	font-weight:700;
	margin-left: -33px;
	margin-bottom:25px;
}

.wow span{
	font-size:60px;
	display: block;
	margin: 17px 0px 27px 0px;
}

.wow h3{
	font-size:123px;
	line-height: 90px;
	display: block;
	font-weight:900;
	margin:0px 0px 0px 0px;
}

.why-choose-us-step{
	margin-top:25px;
}
.step-no{
	width:50px;
	height:50px;
	float:left;
	font-size:48px;
	text-align:center;
	color:#FFF;
	font-family: 'Playfair Display', serif;
	font-weight:700;
	line-height:36px;
}
.why-choose-us-step-content{
	float: right;
	font-size: 16px;
	/* [disabled]font-weight: 400; */
	color: #000;
	line-height: 19px;
	width: 73%;
}
.blue{
	background-color:#5b4ca0;
}
.affair-bg{
	background-color:#7E479C;
}
.pink{
	background-color:#e82575;
}
.orange{
	background-color:#f05045;
}
.flamingo-bg{
	background-color:#f37033;
}
.yellow{
	background-color:#f8972c;
}
.green{
	background-color:#199b8c ;
}
.light-green{
	background-color:#83c55d;
}
.dark-green{
	background-color:#4bb85e;
}
.dark-blue{
	background-color:#3f53a0;
}
.sky-blue{
	background-color:#31a3dd;
}
.lets-work{
	background: url(../images/Let-Work-bg.jpg) repeat-x;
	text-align:center;
	margin:150px 0px 100px 0px;
	padding:90px 0px 80px;
}
.lets-work h5{
	font-size:40px;
	font-weight:700;
	color:#FFF;
}
.lets-work h5 span{
	font-size:60px;
	font-weight:700;
	color:#FFF;
}
.lets-work p{
	font-size:20px;
	font-weight:400;
	color:#FFF;
	margin-top:30px;
}
.lets-work p a{ 
	color:#FFF;
}
.start-project{
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:700;
	border:2px solid #FFF;
	border-radius:0px;
	padding:15px 50px;
	margin-top:40px;
}

.start-project:hover{
	color:#FFF;
}

footer {
	padding-bottom:90px;
}
footer p{
	font-size:18px;
	color:#000;
	margin-top:0px;
}
footer p a{
	color:#000;
}
footer p a:hover{
	text-decoration:none;
	color:#000;
}
.footer-logo{
	margin-top: 80px;
}
.footer-logo img{
	margin-bottom:30px;
}


footer .good-firm-footer{
	width: 268px;
	margin: 0 auto;
}
footer .good-firm-footer img{
	width: 268px;
}
footer .nav-item{margin-bottom:45px;    text-align: left;}
.social{
	width:40px;
	height:40px;
	display:inline-block;
	border-radius:50%;
	text-align:center;
	color:#FFF;
	font-size:20px;
	padding-top: 7px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:30px;
	float:left;
}
.social:hover{
	color:#FFF;
	text-decoration:none;
}
.facebook{
	background-color:#39599d;
}
.twitter{
	background-color:#28aae1;
}
.linkdin{
	background-color:#007bb6;
}
.google-plus{
	background-color:#e14a32;
}
.instagram{
	background-color:#2b5e89;
}
.pinterest{
	background-color:#cd2129;
}
.dribble{
	background-color:#ed4888;
}
.behance{
	background-color:#3d88c8;
}
.copy-rights{
	float:left;
	font-size:16px;
	color:#000;
	margin-left:20px;
	
}
.nav-item{
	border:2px solid #000;
	padding:26px 23px 53px 23px;
	font-size:36px;
	color:#000;
	height:293px;
	position: relative;
	margin-bottom: 30px;
	display: block;
}

.nav-item .nav-link h6{
	font-family: 'Playfair Display', serif;
	font-size:36px;
	font-weight:700;
	line-height: 35px;
	margin:10px 0px 10px 0px;
}

.nav-item .nav-link p{
	font-size:18px;
	font-weight:700;
	line-height:20px;
	margin-bottom:0px;
}


.navbar-link{
	position: absolute;
	bottom: 0;
	right: 17px;
}
.navbar-link::after{
    font-family: 'icomoon';
    content:"\e90f";
	color:#000;
    width:32px;
	font-size: 25px;
	margin:0px -16px 4px 0px;
    float: right;
}
.primary-menu{
	border:0px;	
	background-position: 0px -45px !important;
}
.nav-item.primary-menu .nav-link h6{
	font-size:48px;
	color:#FFF;
	position: absolute;
	bottom: 14px;
}
.primary-menu.about{
	background:url(../images/review-menu.png) no-repeat #199b8c;
}
.primary-menu.about:hover{
	background:url(../images/review-menu-over.png) no-repeat #83c55d;
}

.primary-menu.service{
	background:url(../images/service-menu.png) no-repeat #f05045;
}

.primary-menu.service:hover{
	background:url(../images/service-menu-over.png) no-repeat #f8972c;
}

.primary-menu.review{
	background:url(../images/review-menu.png) no-repeat #199b8c;
}
.primary-menu.review:hover{
	background:url(../images/review-menu-over.png) no-repeat #83c55d;
}

.primary-menu.blog-menu{
	background:url(../images/blog-menu.png) no-repeat #3f53a0;
}

.primary-menu.blog-menu:hover{
	background:url(../images/blog-menu-over.png) no-repeat #31a3dd;
}

.primary-menu.process-menu{
	background:url(../images/process-menu.png) no-repeat #7e479c;
}
.primary-menu.process-menu:hover{
	background:url(../images/process-menu-over.png) no-repeat #f05144;
}

.primary-menu .navbar-link::after{
   color: #FFF;
}

.hire-designer-item .nav-link h6{
	font-size:48px;
	line-height: 50px;
}

.hire-designer-item .nav-link p{
	font-size:20px;
	line-height:24px;
	font-weight:400;
	margin-top:25px;
}

.contact-details{
	font-size:18px;
	color:#000;
	font-weight:400;
	margin-bottom:50px;
	margin-top:10px;
}

.contact-details a{
	color:#000;
}

.contact{
	margin:0px;
	text-align: left;
	padding:20px 10px 10px 45px;
	float:right;
	width:270px;
}
.contact span::after{
    font-family: 'icomoon';
    content:"\e90f";
	color:#000;
    width:32px;
	font-size: 25px;
	margin:-7px 0px 0px 38px;
    float: right;
}


.contact span::before{
    content: url(../images/menu-co-icon.png);
    width:41px;
    height:47px;
	 float: left;
	 margin:-12px 10px 0px 0px;
}

.contact:hover{
	color:#e3176c;
	border-color:#e3176c;
}
.contact:hover span::after{
	color:#e3176c;
}


.contact:hover span::before{
    content: url(../images/menu-co-icon-over.png);
}
.blog-btn{
	padding:20px 10px 10px 70px;
	margin-right: 30px;
}
.nav-item.ui-ux-item:hover{
	color:#5b4ca0;
	border: 2px solid #5b4ca0;
}
.nav-item.ui-ux-item:hover h6{
	color:#5b4ca0;
}
.nav-item.ui-ux-item:hover p{
	color:#5b4ca0;
}
.nav-item.ui-ux-item:hover .navbar-link::after{
	color:#5b4ca0;
}
.nav-item.ui-ux-item.active {
	color:#5b4ca0;
	border: 2px solid #5b4ca0;
}
.nav-item.ui-ux-item.active h6{
	color:#5b4ca0;
}
.nav-item.ui-ux-item.active p{
	color:#5b4ca0;
}

.nav-item.ui-ux-item.active .navbar-link::after {
   color: #5b4ca0;
}




.nav-item.brand-item:hover{
	color:#f05045;
	border: 2px solid #f05045;
}
.nav-item.brand-item:hover h6{
	color:#f05045;
}
.nav-item.brand-item:hover p{
	color:#f05045;
}
.nav-item.brand-item:hover .navbar-link::after{
	color:#f05045;
}
.nav-item.brand-item.active {
	color:#f05045;
	border: 2px solid #f05045;
}
.nav-item.brand-item.active h6{
	color:#f05045;
}
.nav-item.brand-item.active p{
	color:#f05045;
}

.nav-item.brand-item.active .navbar-link::after {
   color: #f05045;
}


.nav-item.front-end-item:hover{
	color:#199b8c;
	border: 2px solid #199b8c;
}
.nav-item.front-end-item:hover h6{
	color:#199b8c;
}
.nav-item.front-end-item:hover p{
	color:#199b8c;
}
.nav-item.front-end-item:hover .navbar-link::after{
	color:#199b8c;
}

.nav-item.front-end-item.active {
	color:#199b8c;
	border: 2px solid #199b8c;
}
.nav-item.front-end-item.active h6{
	color:#199b8c;
}
.nav-item.front-end-item.active p{
	color:#199b8c;
}

.nav-item.front-end-item.active .navbar-link::after {
   color:#199b8c;
}




.nav-item.banners-item:hover{
	color:#3f53a0;
	border: 2px solid #3f53a0;
}
.nav-item.banners-item:hover h6{
	color:#3f53a0;
}
.nav-item.banners-item:hover p{
	color:#3f53a0;
}
.nav-item.banners-item:hover .navbar-link::after{
	color:#3f53a0;
}
.nav-item.banners-item.active {
	color:#3f53a0;
	border: 2px solid #3f53a0;
}
.nav-item.banners-item.active h6{
	color:#3f53a0;
}
.nav-item.banners-item.active p{
	color:#3f53a0;
}

.nav-item.banners-item.active .navbar-link::after {
   color: #3f53a0;

}



.nav-item.hire-designer-item:hover{
	color:#e3176c;
	border: 2px solid #e3176c;
}
.nav-item.hire-designer-item:hover h6{
	color:#e3176c;
}
.nav-item.hire-designer-item:hover p{
	color:#5b4ca0;
}
.nav-item.hire-designer-item:hover .navbar-link::after{
	color:#e3176c;
}

.about-header{
	margin-top:10px;
}

.about-header p{
	font-size:24px;
	line-height:28px;
}
.about-image{
	margin-left:-30px;
}
.about-ratio{
	margin-top:50px;
} 
.about-ratio h6{
	text-transform:none;
}
.about-ratio .button{
	margin-top:0px;
} 

.mission {
	margin-top:140px;
}
.mission .semibold{
	font-size:20px !important;
	line-height: 26px;
}
.mission p:last-child{
	margin-bottom:0px;
}
.design-ratio .nav-item{
	margin-bottom:0px;
}
.incredible-india{
	background:url(../images/incredible-india-bg.jpg) no-repeat;
	padding:70px 70px 0px 70px;
	margin:150px 0px 150px 0px;
	height:570px;
}

.incredible-india h6{
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#000;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}
.incredible-india h2{
	font-size:48px;
	font-weight:700;
	color:#000;
	margin:0px;
	line-height:80px;
}
.incredible-india h2 span{
	font-size:100px;
}

.incredible-india p{
	font-size:24px;
	font-weight:400;
	color:#000;
	margin:0px 0px 10px 0px;
}
.incredible-india p strong{
	font-weight:700;
}

.our-team{
	margin-top:150px;
	background-color:#5d4394;
	padding:125px 0px 330px;
}
.our-team h4{
	color:#f2f1f6;
	font-size:60px;
	font-weight:700;
	margin:0px 0px 30px 0px; 
}

.our-team h4 mark{
	background: url(../images/pink-mark.png) 0px 90% repeat-x;
	color:#f2f1f6;
	margin:0px;
}
.our-team p{
	font-size:24px;
	color:#FFF;
	line-height:31px;
} 

.our-team p strong{
	font-weight:600;
} 

.our-team h3{
	color:#FFF;
	font-size:48px;
	font-weight:700;
	line-height:60px;
	margin:0px 0px 40px 0px; 
}

.team-member{
}
.team-member h2{
	font-size:36px;
	color:#FFF;
	font-weight:700;
	margin:20px 0px 20px 0px;
	border-bottom:5px solid;
	padding-bottom:20px;
	line-height: 30px;
}
.team-member h2 span{
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:600; 
}
.team-member h6{
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	font-weight:600;
	color:#FFF;
	line-height:20px;
}
.team-member p{
	font-size:16px;
	font-weight:400;
	color:#FFF;
	line-height:20px;
}
.team-member p span{
	font-weight:600;
}
.divider{
	border:1px solid;
	margin:5px 0px 20px 0px;
}
.member-profile{
	width:40px;
	height:40px;
	display:block;
	border:2px solid #FFF;
	border-radius:50%;
	text-align:center;
	color:#FFF;
	line-height: 33px;
}
.member-profile:hover{
	color:#FFF;
		text-decoration:none;

}
.guru-rajesh h2{
	border-color:#eb5c5c;
}
.guru-rajesh .divider{
	border-color:#eb5c5c;
}

.guru-sarika h2{
	border-color:#199688;
}
.guru-sarika .divider{
	border-color:#199688;
}

.guru-prasanna h2{
	border-color:#428ecc;
}
.guru-prasanna .divider{
	border-color:#428ecc;
}
.margin-bottom37{
	margin-bottom:37px;
}
.guru-shreerang{
	margin-top:50px;
}
.member-photo{
	float:left;
}
.guru-shreerang h2{
	font-size:36px;
	line-height:26px;
	margin-top:0px;
	border-color:#e3176c;
}
.guru-shreerang h2 span{
	display: block;
	margin-top: 12px;
}
.guru-shreerang p strong{
	font-size:18px;
	font-weight:700;
}

.guru-shreerang p{
	font-size:16px;
	font-weight:400;
}

.guru-shreerang-details{
	float:left;
	width:76%;
	margin-left: 40px;
}
.our-life-work{
	padding:60px 350px 60px 70px;
	background:url(../images/our-life-work-icon.png) 98.3% 0px no-repeat;
	background-color:#5d4394;
}
.our-life-work h6{
	font-size:60px;
	font-weight:700;
	color:#fff;
    margin:0px 0px 10px 0px;
}
.our-life-work p{
	font-size:18px;
	line-height:26px;
	font-weight:600;
	color:#FFF;
	margin-bottom:0px;
}
.our-life-work p span{
	font-size:24px;
	font-weight:700;
	color:#FFF;
    margin-bottom: 10px;
    display: block;
}
.our-logo-concept{
	background:url(../images/goldan-ratio-bg.png) repeat-x;
}
.goldan-ratio{
	margin-top:-176px;
}
.concept{
	background-color:#191919;
	padding:100px 70px;
	text-align:center;
}
.concept h6{
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:400;
	color:#FFF;
	margin:0px 0px 50px 0px;
}
.tag-line{
	font-size:18px;
	color:#FFF;
	margin:40px 0px 10px 0px !important;
}
.ratio-heading{margin:0px 0px 10px 0px !important;}
.concept h2{
	font-size:48px;
	font-weight:700;
	color:#FFF;
	margin:0px 0px 50px 0px;
}
.concept p{
	font-size:16px;
	font-weight:400;
	color:#FFF;
	margin:0px 0px 0px 0px;
}

.concept .button{
	border-color:#FFF;
	color:#FFF;
	margin:50px 0px 50px 0px;
}
.concept .button.view-more span::after {
    content: url(../images/white-right-arrow.png);
    width: 32px;
    height: 20px;
    position: absolute;
    right: -23px;
}
.deparment-logo{
	margin:24px -55px 0px -66px;
}
.deparment-logo a{
	width: 25%;
}
.our-inspriration{
	margin:120px 0px 140px;
}

.our-studio{
	margin-top:150px;
}
.our-studio h2{
	margin:-10px 0px 15px 0px;
}
.our-studio h2 mark{
	color:#000;
	font-size:48px;
}

.our-studio p{
	color:#000;
	font-size:24px;
	margin:0px;
	font-weight:600;
	margin:0px 0px 50px 0px;
}
.margin-bottom30{
	margin-bottom:30px;
}
.technology{
	font-family: 'Playfair Display', serif;
	background-color:#e3176c;
	padding:19px;
	font-size:30px;
	color:#FFF;
	font-weight:700;
	margin-bottom:30px;
	line-height: 40px;
}

.our-studio .carousel-control-next{
	top:-103px;
	bottom: auto
}
.our-studio .carousel-control-prev{
	top:-103px;
	bottom: auto;
	right: 60px;
}

.we-are{
	padding:70px;
	border:2px solid #000000;
}
.we-are-info{
	margin-top:0px;
}
.we-are-info h2{
	font-size:60px;
	color:#000;
}
.we-are-info h5{
	font-size:36px;
	color:#000;
	font-weight:700;
}
.we-are-info h5 mark{
	background: url(../images/mark.jpg) 0px bottom repeat-x;
}
.we-are-info p{
	font-size:20px;
	color:#000;
	font-weight:400;
	margin:20px 0px 0px 0px;
}

.we-are-logo{
	margin-top:-70px;
}
.blog-header{
	text-align:center;
	margin-bottom:120px;
}
.blog-header h1 {
    margin: 10px 0px 0px 0px;
}
.blog-header p{
    margin:30px 0px 40px 0px;
}
.blog{
    margin:30px 0px 0px 0px;
}
.blog img{
	width:100%;
	margin-bottom:25px;
}
.blog p{
	font-size:16px;
	color:#000;
	font-weight:400;
}
.blog p strong{
	font-weight:700;
}
.blog h3{
	font-size:18px;
	color:#000;
	font-weight:700;
	margin:0px 0px 10px 0px;
}
.blog .read-more{
	padding: 7px 30px;
	margin:10px 0px 0px ;
}
.bottom-link{
	margin-top:-20px;
}
.ad-banner{
	margin:100px 0px 0px 0px;
	position:relative;
}
.ad-banner:hover .over-click {
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
}
.ad-banner:hover :hover .view-more-port{
	display: block;
position:absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 200px;
height: 50px;
margin: auto;
padding: 10px 20px;
}

.load-more{
	text-align:center;
	margin:0px auto 0px;
	background-color:#FFF;
}

.load-more-border{
	background:url(../images/middle-border.png) 0 center repeat-x;
	text-align: center;
	width: 97.2%;
	text-align: center;
	margin:100px auto 0px;
}
.bottom-link .nav-item{
	margin-bottom:0px;
}

.reviews-header{
	margin-bottom:150px;
}
.reviews-header p{
	font-size:18px;
}
.review-good-firm{
	margin-top:20px;
}
.review-img{
	margin-top:100px;
}
.review-page{
	margin-bottom:140px;
}


.rating-box {
    background-color: #FFF;
    padding: 15px 20px;
    box-shadow: 0 .10rem .75rem rgba(189, 195, 199, 0.9);
    text-align: center;
    border-radius: 50px;
    margin-bottom: 50px;
    font-size: 18px;
    color: #333333;
    width: 323px;
    margin:30px auto 0px;
}
.rating-box span {
    float: left;
    margin-top: 3px;
}
.rating-box .icon{
	float: left;
color: #ffca28;
margin: 0 3px;
font-size: 30px;
}
.review p:last-child{
	margin-bottom:0px;
}
.review h2{
	font-size:48px;
	margin-bottom:20px;
}
.review h2 mark {
    color: #000;
}
.review-box{
	margin-top:30px;
}
.review-box:last-child{
	margin-bottom:0px;
}

.review-box h4{
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	color:#000;
	font-size:18px;
	margin:0px 0px 5px 0px;
}
.review-box h6{
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	color:#000;
	font-size:18px;
	margin:5px 0px 15px 0px;
}
.review-box p {
    font-size: 16px;
    color: #585858;
    line-height: 24px;
	margin-bottom: 0;
}
.texti-icon {
    font-size:50px;
    display: inline-block;
    margin-right: 10px;
	line-height: 0px;
}
.texti-name {
    display: inline-block;
	color:#000;
}
.texti-name p{
	color:#000;
}

.rating {
    color: #000;
    font-size: 18px;
	margin:10px 0px 20px 0px;
}
.rating .icon {
    color: #ffca28;
    font-size: 20px;
}
.rating span {
	margin-left:5px;
}

.Butterfly-Bush{
    color: #5B4CA0;
}
.pink-mark{
    color: #e21a6b;
}
.orange-mark {
    color: #eb592d;
}
.flamingo {
    color: #f36f33;
}
.affair{
    color:#7F479C;
}

.Sea-Buckthorn{
    color:#f8972c;
}

.Sea-Buckthorn{
    color:#f8972c;
}

.Lightning-Yellow{
    color:#FEBE29;
}
.Golden-Fizz{
    color:#F8EF4B;
}

.Conifer{
    color:#F8EF4B;
}
.Mantis{
    color:#83c55d;
}
.Chateau-Green{
	color:#47B85E;
}
.Mountain-Meadow{
	color:#199B8C;
}
.Java{
	color:#1bb8d1;
}
.Curious-Blue{
	color:#31a3dd;
}

.Chambray{
	color:#3f53a0;
}
.pagination{
	text-align:center;
	margin:110px auto 0px;
	display: table;
	font-size:18px;
	font-weight:700;
	line-height: 44px;
}
.pagination li{
	text-align:center;
	display: inline-block;
	margin: 0 5px;
	float: left;
}

.pagination li a{
	width:50px;
	height:50px;
	border:2px solid #000;
	color:#000;
	display: inline-block;
}
.control{
	background-color:#000;
	color:#FFF;
	font-size: 26px;
}
.control a{
	color:#FFF !important;
}
.pagination li.active a{
	color:#e82575;
	border-color:#e82575;
}
.pagination li.active a{
	color:#e82575 !important;
}
.services-header h1{
	font-size:60px;
	margin-bottom:40px;
}
.services-header h2 mark{
	color:#000;
}

.services-content-section{
	padding-right:0px;
}

.service-img{
	margin-top:40px;
}
.excellent-firm{
	border:0px solid #f0f0f0;
	border-radius:5px;
	width:75%;
	margin:20px auto 0px;
}
.block {
    display: block;
    text-align: center;
}
.compnay-info {
    padding: 20px 15px;
	
}	
.services-info{
	padding:60px 15px 70px 70px;
	margin:50px 0px 40px;
	position:relative;
	height: 603px;
}
.services-info h2{
	color:#FFF;
	font-size:60px;
	font-weight:700;
}

.services-info h3{
	font-family: 'Titillium Web', sans-serif;
	color:#FFF;
	font-size:24px;
	font-weight:700;
	margin:20px 0px 20px 0px;
}


.services-info p{
	color:#FFF;
	font-size:18px;
	font-weight:400;
	line-height:24px;
	margin:0px 0px 0px 0px;
}

.services-icon{
	position:absolute;
	top:-60px;
	right:30px;
}

.services-logo{
	position:absolute;
    top: -40px;	
	right:20px;
}

.services-info .button {
    border-color: #FFF;
    color: #FFF;
    margin: 50px 0px 50px 0px;
}
.services-info .button.view-more span::after {
    content: url(../images/white-right-arrow.png);
    width: 32px;
    height: 20px;
    position: absolute;
    right: -23px;
}
.design-service{
	margin:0px 0px 0px 0px;
}
.design-service h2{
	font-size:36px;
	color:#000;
	font-weight:700;
	float: left;
}

.ui-ux-services h2{
	font-size:36px;
	color:#000;
	font-weight:700;
	float: none;
}
.ui-ux-services h5{
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	color:#000;
	font-weight:400;
	float:none;
	margin:20px 0px 0px 0px;
}


.design-service .button{
	float:right;
	margin:0px 22px 0px 0px;
}

.design-service ul{
	margin:23px -15px 0px -15px;
	padding:0px 0px 0px 0px;
}

.design-service ul li{
	list-style-type:none;
	font-size:18px;
	font-weight:400;
	color:#000;
	margin:20px 0px 0px 0px;
}

.design-service ul li::before{
	font-family: 'icomoon' !important;
	content: "\e906";
	font-size: 10px;
	margin:0px 10px 0px 0px;
}

.banners-services-info{
	background-color:#3f53a0;
}
.design-service-banners ul li::before{
	color:#428ecc;
}
.brand-services-info{
	background-color:#f05045;
}
.design-service-brand ul li::before{
	color:#f05045;
}


.frontend-services-info{
	background-color:#199b8c;
}
.frontend-services-info .button {
    border-color: #FFF;
    color: #FFF;
    margin:30px 0px 30px 0px;
}
.design-service-frontend ul li::before{
	color:#47b85e;
}



.ui-ux-services-info{
	background-color:#199b8c;
}
.ui-ux-services-info .button {
    border-color: #FFF;
    color: #FFF;
    margin:30px 0px 30px 0px;
}
.design-service-ui-ux ul li::before{
	color:#199b8c;
}


.design-work{
	margin-top:140px;
}
.design-work h2{
	font-size:36px;
	font-weight:700;
}
.design-work p{
	font-size:24px;
	font-weight:400;
	margin:10px 0px 20px 0px;
}
.design-work-images{
	margin:30px 0px 0px 0px;
	position:relative;
}
.over-click{
	width:0%;
	min-height:0%;
	  -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
  transition: width 0.5s;
}
.design-work-images:hover .over-click{
	display:block;
	width: 100%;
	min-height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
}
.view-more-port{
	width:0%;
	display:none;
	-webkit-transition: width 5s; /* For Safari 3.1 to 6.0 */
   transition: width 5s;
   color:#FFF;
   border:2px solid #FFF;
   -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
   transition: width 2s;
}

.design-work-images:hover .view-more-port{
	display: block;
position:absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 200px;
height: 50px;
margin: auto;
padding: 10px 20px;
}



.carousel-item:hover .over-click{
	display:block;
	width: 100%;
	min-height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
}
.carousel-item:hover .view-more-port{
	display: block;
position:absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 200px;
height: 50px;
margin: auto;
padding: 10px 20px;
}

.project-img:hover .over-click{
	display:block;
	width: 100%;
	min-height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
}
.project-img:hover .view-more-port{
	display: block;
position:absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 200px;
height: 50px;
margin: auto;
padding: 10px 20px;
}

.portfolio-more{
	display:table;
	margin:50px auto 0px;
}
.contct-img{
	margin-top: 115px;
}
.get-in-touch{
	background:url(../images/get-in-touch.png) right 0 no-repeat;
	padding-bottom: 33px;
}
.get-in-touch h2 mark{
	color:#000;
}
.get-in-touch .semibold{
	margin:20px 0px 0px 0px; 
}
.get-in-touch h3{
	font-size:48px;
	font-weight:700;
	color:#343434;
	margin:150px 0px 0px 0px; 
}

.get-in-touch h3 mark {
    background: url(../images/mark.jpg) 0px bottom repeat-x;
    color: #343434;
}
.startup{
	margin:20px 0px 50px 0px !important;
	font-weight:400;
}
.details-contact{
	background-color:#e82575;
	padding:40px 70px 70px 70px;
	margin-right: -15px;
	margin-bottom: 110px;
}

.details-contact p{
	font-size:18px;
	color:#FFF;
	font-weight:400;
	margin-bottom:0px;
}
.details-contact p a{
	color:#FFF;
}
.details-contact p strong{
	font-size:24px;
	font-weight:700;
	margin:20px 0px 0px 0px !important;
    display: block;
}
.review-form{
	margin:30px 0px 0px 0px;
	display:none;
}

.review-form .details-contact{
	margin-bottom:0px;
}

.margin-bottom30{
	margin-bottom:30px !important;
}
.support{
	margin-top:194px;
}
.contact-form{
	background-color:#5b4ca0;
	padding:60px 70px 70px 70px;
	margin-left: -15px;
}
.contact-form input{
	color:#FFF;
	height: 50px;
}
.contact-form input:focus{
	color:#FFF;
}
.contact-form textarea{
	color:#FFF;
}
.contact-form textarea:focus{
	color:#FFF;
}


.contact-form p{
	font-size:18px;
	color:#FFF;
	font-weight:400;
	margin-bottom:20px;
}
label {
	font-size:16px;
	color:#FFF;
	font-weight:400;
	margin-top:30px;
}
.sucess-msg{
	margin-bottom:0px !important;
}
input{
	border:2px solid #ffffff !important;
	padding:10px;
	font-size:16px;
	font-weight:400;
	background-color:transparent !important;
}
textarea{
	border:2px solid #ffffff !important;
	padding:10px;
	font-size:16px;
	font-weight:400;
	background-color:transparent !important;
	height:186px;
}
.contact-form .button {
    border: 2px solid #FFF;
    color: #FFF;
	padding: 10px 70px 10px 60px;
    margin: 30px 0px 0px 0px;
    background-color: transparent;
}
.contact-form .button.view-more span::after {
    content: url(../images/white-right-arrow.png);
    width: 32px;
    height: 20px;
    position: absolute;
    right: -23px;
}
.contact-testimonial{
	margin-top:30px;
}
.contact-testimonial .view-more{
	float:right;
	margin:0px 22px 0px 0px;
}
.contact-testimonial p:last-child{
	margin-bottom:20px;
}
.clients-say{
	height:444px;
	padding:70px;
	position:relative;
	z-index: 0;
	margin-bottom:30px;
}
.twitter-photo{
	width:150px;
	height:150px;
	float:left;
	margin-bottom:30px;
}
.twitter-name{
	width: 58%;
	float: left;
	margin-left: 30px;
	
}

.twitter-name h5{
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	color:#FFF;
	font-weight:700;
}

.twitter-name p{
	font-size:18px;
	color:#FFF;
	font-weight:400;
}
.tweet{
	margin-left:100px;
	color:#FFF;
}
.tweet p{
	font-size:16px;
	color:#FFF;
	margin-bottom:0px !important;
}
.tweet strong{
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	display:block;
}
.quote{
	width:62px;
	height:48px;
	margin-bottom:10px;
}
.quote img{
	width:62px;
	height:48px;
}
.watermark{
	position:absolute;
	left:0px;
	top:0px;
	width:99px;
	height:444px;
	z-index:-1;
	text-align:center
}
.twitter-first{
	background-color:#5b4ca0;
}
.twitter-first .watermark{
	background-color:#e82575;
}


.twitter-secound{
	background-color:#f05045;
}
.twitter-secound .watermark{
	background-color:#f8972c;
}

.twitter-third{
	background-color:#199b8c;
}
.twitter-third .watermark{
	background-color:#83c55d;
}

.twitter-four{
	background-color:#3f53a0;
}
.twitter-four .watermark{
	background-color:#31a3dd;
}
.why-us{
	margin-top:150px;
}
.why-us h2 {
    font-size:48px;
    color: #000;
}
.why-us h3{
    font-size:36px;
    color: #000;
	font-weight:700;
    margin:20px 0px 40px 0px;
}
.why-us .semibold{
	line-height:30px;
    margin:0px 0px 20px 0px;
}
.why-us-image{
	margin-left:-51px;
}
.why-choose-us-step-contact{
	margin:40px -15px 0px -15px;
}
.why-choose-us-step-contact .why-choose-us-step-content {
    width:88%;
}
.why-choose-us-step-contact .why-choose-us-step-content p{
	font-size:16px;
	font-weight:400;
	margin-bottom:0px;
}
.why-choose-us-step-contact .why-choose-us-step-content p strong{
	font-size:18px;
	font-weight:700;
	margin-bottom:3px;
	display:block;
}
.contact-nav-link{
	margin-top:100px;
}
.hire-designer-header{
	text-align:center;
	margin-bottom: 150px;
}
.hire-designer-header h1{
	font-size:60px;
	margin: 5px 0px 0px 0px;
}
.hire-designer-header h2 {
    margin: 20px 0px 60px 0px;
}
.hire-designer-info{
	margin-bottom:30px;
}
.hire-designer-info h3{
	font-size:36px;
	color:#000;
	font-weight:700;
	margin:10px 0px 30px 0px;
}
.hire-designer-info strong{
	font-size:24px;
	color:#000;
	font-weight:600;
	margin:15px 0px 30px 0px;
	display:block;
}
.results{
	background-color:#e3176c;
	padding: 18px 30px 30px 30px;
	margin: 0px 0px 0px -30px;
}
.results h5{
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	color:#FFF;
	font-weight:600;
	margin: 0px 0px 11px 0px;
	line-height: 36px;
}
.results p{
	font-size:18px;
	font-weight:600;
	color:#FFF;
	margin-bottom: 1px;
	line-height: 50px;
}
.results .no{
	font-family: 'Playfair Display', serif;
	font-size:60px;
	font-weight:700;
	display:block;
}
.sub-heading{
	font-size:24px !important;
	margin:20px 0px 20px 0px;
}
.plan-box{
	padding:30px;
}
.plan-box h2{
	font-size:40px;
	color:#fef2f1;
	font-weight:700;
	margin:0px 0px 20px 0px;
}
.plan-box p{
	font-size:18px;
	color:#fff;
	font-weight:400;
}
.fulltime{
	background:url(../images/full-time.png) 90% 0px no-repeat #f05045;
}

.fulltime:hover{
	background:url(../images/full-time-over.png) 90% 0px no-repeat #f8972c;
}


.plan-box .button.view-more span::after {
    content: url(../images/white-right-arrow.png);
    width: 32px;
    height: 20px;
    position: absolute;
    right: -23px;
}
.plan-box .button {
    border: 2px solid #FFF;
    color: #FFF;
    padding: 10px 40px 10px 30px;
    margin: 30px 0px 0px 0px;
    background-color: transparent;
}
.part-time{
	background:url(../images/part-time.png)  90% 0px no-repeat #199b8c;
}
.part-time:hover{
	background:url(../images/part-time-over.png)  90% 0px no-repeat #83c55d;
}
.hourly{
	background:url(../images/hourley-time.png)  90% 0px no-repeat #3f53a0;
}
.hourly:hover{
	background:url(../images/hourley-time-over.png) 90% 0px no-repeat #31a3dd;
}
.why-choose-designguru h2{
	font-size:36px;
}
.why-choose-designguru .wow{
	margin:30px -33px 0px 0px;
	height:400px;
	position:relative;
}
.why-choose-designguru .wow span{
	font-size:30px;
	position:absolute;
	bottom:0px;
	left: 39px;
}
.why-choose-designguru .wow h3{
	font-size:400px;
	margin: 20px 0px 0px 0px;
}

.why-choose-designguru ul{
	margin:30px 0px 0px 0px;
	padding:0px;
}
.why-choose-designguru ul li {
    list-style-type: none;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px 0px 13px 70px;
}
.why-choose-designguru ul li::before {
    font-family: 'icomoon' !important;
    content: "\e906";
    font-size: 10px;
	color:#e3176c;
    margin: 0px 10px 0px 0px;
}
.why-choose-us-step-hire-designer h6{
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	color:#000;
	font-weight:700;
	width: 100%;
	margin:0px 0px 0px 15px;
}

.why-choose-us-step-hire-designer{
	margin:40px -15px 0px -15px;
}
.why-choose-us-step-hire-designer .why-choose-us-step {
    margin-top: 45px;
}
.what-we-cover h2{
	font-size:36px;
}
.what-we-cover p{
	font-size:24px;
	color:#000;
	font-weight:700;
	margin:20px 0px 40px 0px;
}
.what-we-cover ul{
	margin:0px;
	padding:0px;
}
.what-we-cover  ul li {
    list-style-type: none;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px 0px 15px 0px;
}
.what-we-cover  ul li:last-child{
    margin: 0px 0px 0px 0px;
}
.what-we-cover  ul li::before {
    font-family: 'icomoon' !important;
    content: "\e906";
    font-size: 10px;
	color:#f05045;
    margin: 0px 10px 0px 0px;
}
.testimonials-hire .texti-name p{
	margin-bottom:0px;
}
.testimonials-hire .rating {
    float: none;
	margin-bottom:20px;
    margin-top: 0px;
}
.blog-detail{}
.blog-detail .blog img {
    margin-bottom: 10px;
}
.blog-right-section{
	    padding-left: 85px;
}
.blog-shareing{
	float:right;
	
}
.blog-shareing a {
    width:40px;
    height:40px;
    border-radius: 50%;
    display: inline-block;
    margin:0px 2px;
    text-align: center;
    color: #FFF;
    padding-top: 9px;
}
.blog-shareing a:last-child{
    margin-right:0px;
}

.blog-shareing .facebook {
    background-color: #39599d;
}
.blog-shareing .twitter {
    background-color: #28aae1;
}
.blog-shareing .linkdin {
    background-color: #007bb6;
}
.blog-shareing .google-plus {
    background-color: #e14a32;
}
.blog-shareing .instagram {
    background-color: #2b5e89;
}
.blog-shareing .pinterest {
    background-color: #cd2129;
}
.blog-shareing .youtube {
    background-color: #e92827;
}
.blog-content{
	margin-top:50px;
}

.blog-detail h3 {
    font-size:36px;
    color: #000;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}


.blog-detail p{
    font-size:18px;
    color: #000;
    font-weight:400;
    margin: 0px 0px 20px 0px;
}

.blog-reply{
	margin-bottom:50px;
}
.blog-reply .reply{
	font-size:24px;
	color:#000;
	font-weight:400;
	margin:100px 0px 0px 0px !important;
}
.blog-reply p{
	font-size:18px;
	margin: 0px 0px 0px 0px !important;
}
.blog-reply label {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-top:20px;
}
.blog-reply input {
    border: 2px solid #000 !important;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent !important;
}
.blog-reply textarea {
    border: 2px solid #000 !important;
}
.blog-right-section h5{
	margin:0px 0px 0px 0px;
	padding:0px 0px 13px 0px;
	font-size:30px;
	font-weight:700;
	color:#000;
	border-bottom:2px solid #000000;
}
.categories{
	margin-bottom:50px;
}
.categories a{
	border-bottom:1px solid #7f7f7f;
	padding:18px 0px 10px 0px;
	position:relative;
	width: 100%;
	display: block;
	font-size:18px;
	font-weight:700;
	color:#000;
}
.categories a span::after {
    content: url(../images/button-arrow.png);
    width: 32px;
    height: 20px;
    position: absolute;
    right: 0px;
}

.recent-post p{
	border-bottom:1px solid #7f7f7f;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	font-weight:400;
	color:#000;
}

.hire-designer-co-big{
	display:block;
}

.hire-designer-co-sm{
	display:none;
}
.our-studio-slider{
	display:none;
}
.our-studio-slider-none{
	display:block;
}

.portfolio{
	position:relative;
}
.portfolio-img{
	width:100%;
	margin:0 auto
}

.portfolio1 {
    
}
.portfolio-bg{
	position:absolute;
	max-width:1920px;
	min-height:100%;
	width:100%;
	height:100%;
	left: 0;
	top: 0px;
	right: 0;
	z-index: -1;
	margin:0 auto
}
.portfolio-footer{
	margin-top:150px;
}


.lets-work-portfolio{
	margin-top:0px;
}
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("../images/loader.gif") no-repeat center center rgba(255,255,255,1)
}

.device-none{
	display:none;
}
.desktop-none{
	display:block;
}
.ui-ux-solutions{
}

.ui-ux-solutions h2{
	font-size:58px;
	color:#000;
	font-weight:700;
	margin:82px 0px 0px 0px;
	    float: none;
}
.ui-ux-solutions p{
	font-size:18px;
	color:#000;
	font-weight:400;
	margin:20px 0px 0px 0px;
}
.ui-ux-solutions p span{
	font-size:24px;
	color:#000;
	font-weight:400;
	margin:-10px 0px 25px 0px;
	display: block;
}

.ui-ux-solutions .button {
    float: left;
    margin:30px 0px 0px 0px;
}
.portfolio-all{
	margin-top:150px;
}
.portfolio-all img{
	width:100%;
}

.porcess-header{
	margin-bottom:150px;
}
.porcess-header h1 span{
	font-size:60px;
}
.porcess-header h2 mark {
    color: #000;
}
.porcess-header-img{
	margin-top:-40px
}
.sub-header-heading{
	font-size:24px !important;
}

.applying-principles{
	margin-top:150px;
}
.applying-principles-contant{
	z-index:999
}
.applying-principles-contant p{
	font-size:18px;
	color:#000;
	margin:30px 0px 0px;
}
.applying-principles h2{
	font-size:36px;
	font-weight:700;
	color:#000;
}
.applying-principles-design{
	margin-left:-200px;
}
.process-steps{
	margin-top:150px;
}

.process-steps h5{
	font-size:36px;
	color:#000;
	font-weight:700;
	margin-bottom:15px;
}
.sub-heading-process{
	font-size:24px !important;
	color:#000 !important;
	font-weight:600 !important;
}

.process-steps ul {
    margin-top:30px;
    padding: 0px 0px 0px 0px;
}

.process-steps ul li {
    list-style-type: none;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px 0px 8px 0px;
}
.process-steps ul li::before {
    font-family: 'icomoon' !important;
    content: "\e906";
    font-size: 10px;
    margin: 0px 10px 0px 0px;
}
.process-steps h4{
	margin-top:-15px;
	font-size:60px;
}
.process-steps h4 img {
    margin-right:20px;
	margin-top: -11px;
}
.content-section{
}

.content-section-left{
	padding-left:100px;
}
.content-section-right{
	padding-right:100px;
}

.content-section-discover h4{
	color:#5b4ca0;
}
.content-section-discover ul li::before {
	color:#e82575;
}

.content-section-define h4{
	color:#f05045;
}
.content-section-define ul li::before {
	color:#f05045;
}

.content-section-design h4{
	color:#199b8c;
}
.content-section-design ul li::before {
	color:#199b8c;
}

.content-section-develop h4{
	color:#3f53a0;
}
.content-section-develop ul li::before {
	color:#3f53a0;
}

.down-arrow{
	text-align:center;
	margin:30px 0px 30px 0px;
}
.integration-support{
	text-align:center;
}
.integration-support h2{
	font-size:48px;
	color:#000;
	font-weight:700;
}
.integration-support p{
	font-size:18px;
	color:#000;
	font-weight:400;
}
.integration-support h4{
	font-size:36px;
	color:#000;
	font-weight:700;
	margin:0px 0px 30px 0px;
}
.celebrate{
		background:url(../images/water-mark2.png) 0 center repeat-x;
		margin-top: 50px;
}

.work {
	margin-top:30px;
}
.work h2 {
    font-size:60px;
    font-weight: 700;
	 margin:0px 0px 20px 0px;
}
.work p {
    font-size:18px;
    font-weight:400;
    margin: 10px 0px 20px 0px;
}

.work p span{
    font-size:24px;
}
.work p:last-child{
    margin: 10px 0px 0px 0px;
}

.recent-work{
	margin:50px 0px;
	position:relative;
}
.recent-work-lable{
	position:absolute;
	top:0px;
	left:0px;
	width:151px;
	height:151px;
	z-index: 999;
}
.work-portfolio .nav-tab-item{
	width:233px;
	text-align:center;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	border-right:2px solid #000;
}
.nav-tabs .nav-link{
	color:#000;
}
.work-portfolio .nav-tab-item:last-child{
	border-right:0px solid #000;
}
.work-portfolio-images img{

}
.work-portfolio-pagination{
	text-align:center;
}
.work-portfolio-pagination .button{
	background-color:#000;
	font-size:16px;
	font-weight:700;
	color:#FFF;
	width:180px;
	height:50px;
	margin:50px 0px 0px 0px;
}

.work-portfolio-pagination .button:hover{
	color:#FFF;
	border:2px solid #000;
}

.work-portfolio-pagination .button.back{
	margin-right:15px;
	padding: 10px 50px 10px 20px;
}
.work-portfolio-pagination .button.back span::before {
	font-family: 'icomoon' !important;
    content: "\e908";
	color:#FFF;
    width: 25px;
    height: 20px;
	margin-right:45px;
	margin-top: -5px;
    transition: 0.5s;
    font-size: 23px;
	float: left;
}

.work-portfolio-pagination .button.next{
	margin-left:15px;
	padding: 10px 20px 10px 50px;
	text-align: left;
}
.work-portfolio-pagination .button.next span::after {
	font-family: 'icomoon' !important;
    content: "\e90f";
	color:#FFF;
    width: 25px;
    height: 20px;
	margin-left:34px;
	margin-top: -5px;
    transition: 0.5s;
    font-size: 23px;
	float: right;
}
.nav-tab-item br{
	display:none;
}
.device-none-sevices{
	display:block;
}
.desktop-none-sevices{
	display:none;
}
.design-service-ui-ux.ui-ux-services{
	position:relative;
}

.ui-ux-capabilities-watermark {
	background: url(../images/ui-ux-watermark.jpg) 0px center repeat-x;
	position:absolute;
	height: 658px;
	width: 60%;
	margin: auto 0;
}
.ui-ux-solutions-watermark {
	background:url(../images/ui-ux-watermark.jpg) right center repeat-x;
	position:absolute;
	right: 0;
	height: 658px;
	width: 60%;
	margin: auto 0;
}

.hire-designer-device{
	opacity:0;
	text-align:left;
	display:none;
}

.hire-designer-desktop{
	opacity:1;
    display: inline-block;
	text-align:left;
}
.external-menu{
	display:inline-block;
	float:left;
	margin:0px 0px 0px -810px;
	padding:0px;
}
.external-menu li{
	list-style-type:none;
	display:inline-block;
	margin:0px 22px
}
.external-menu li a{
	font-size:20px;
	text-transform:uppercase;
	color:#000;
	font-weight:600;
}
.external-menu li a mark{
	background:url(../images/mark.jpg) 0px 16px repeat-x;
	height: 26px;
	display: block;
}
.internal-link {
	display:none;
}
.blog-dgs h6 {
    font-size: 60px !important;
}
.blog-dgs p {
    font-size: 18px !important;
    font-weight: 700 !important;
}
.dgs-blog-logo {
    position: absolute;
    top: -26px;
    right: 5px;
}
.dgs-blog-logo-big .navbar-link {
    bottom: -23px;
}
.brand-design-services{
	margin-top:50px;
	padding-left:36px;
	border-left:5px solid #f05045;
}
.brand-design-services h3{
	font-size:30px;
	color:#343434;
	font-weight:700;
	margin: 0px 0px 20px 0px;
	line-height: 20px;
}
.brand-design-services p{
	font-size:18px;
	color:#000;
	font-weight:400;
	margin: 0px 0px 0px 0px;
	line-height: 24px;
}
.testimonials{
	margin:-10px 0px 0px 0px;
}
.frontend-services{
	margin:50px 0px 0px 0px;
}
.frontend-services ul{
	margin:30px -15px 0px -15px;
	padding:0px;
}
.frontend-services ul li{
	list-style-type:none;
	font-size:18px;
	font-weight:400;
	color:#000;
	margin:20px 0px 0px 0px;
}

.frontend-services ul li::before{
	content:url(../images/select.jpg);
	font-size: 10px;
	margin:0px 10px 0px 0px;
}



.awards-recognitions{
	margin-top:120px;
}
.award-firm{
	margin-bottom:10px;
	margin-top:20px;
}
.why-choose-us{
	margin-top:50px;
}
.why-right-content {
    padding-right: 15px;
    margin-top:0px;
}

.awards-recognitions .view-more {
    margin: 50px auto 0px;
    display: block;
}
@media screen and (max-width:1024px) {
	.promising-award img{
		width:100%;
	}
	
	.promising-award{
		text-align:center;
		margin-bottom:30px;
	}

	.hire-designer-device{
		opacity:1;
			display: inline-block;
	}
	
	.hire-designer-desktop{
		opacity:0;
		display:none
	}
	
	.logo-icon img{
		width:100%;
	}	
	.header h1 {
		font-size: 60px;
		line-height: 60px;
	}
	.header h2 {
		font-size: 30px;
	}
	.header p br{
		display:none
	}
	/*.why-right-content{
		padding-right: 15px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.why-choose-us-right{
		display:none;
	}
	*/
	.why-right-content {
		padding-right: 15px;
		margin-top: -44px;
	}
	.wow br{
		display:none;
	}
	.wow {
		margin-left: 0px;
		padding: 39px 30px;
		font-size: 18px;
		line-height: 24px;
		background-size: 100%;
	}
	.wow span {
		font-size: 40px;
	}
	.wow h3 {
		font-size: 82px;
		line-height: 90px;
	}
	.looking-design {
		font-size: 20px;
	}
	.looking-design strong {
		font-size: 28px;
	}
	
	.lets-work {
	}
	.lets-work h5 {
		font-size: 35px;
	}
	.department-content-left {
		padding-left: 15px;
	}
	.department-content-right {
		padding-right: 15px;
	}
	.process {
		margin-left: -30px;
		padding: 48px 64px;
	}
	.process p {
		margin-top: 0px;
	}
	.process h3 span {
		font-size:60px;
	}
	.process h3 br{
		display:none;
	}
	.process h3 {
		font-size: 38px;
	}
	.design-process img{
		width:100%;
	}
	.middle-info h2 {
		font-size:32px;
	}
	.design-ratio h2 {
		font-size: 38px;
	}
	.step h4 {
		font-size: 32px;
	}
	.project-img {
		display: none;
	}
	
	.testimonials .carousel {
		display: none;
	}
	.testimonials .read-more2 {
		display: table;
	}
	
	.footer-logo {
		/*-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;*/
		margin-top: 0px;
	}
	footer .good-firm-footer {
		width: auto;
		margin: 0;
	}
	.good-firm-footer{
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.social-section{
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
			margin-top:0px;
	}
	.social {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.copy-rights {
		margin-left: 0px;
		margin-top:0px;
	}
		.full-width-row{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hire-designer-item img{
		width:100%;
		margin-top: 22px;
	}
	.hire-designer-item br{
		display:none;
	}
	
	
	
	.nav-item {
		height: 162px;
		padding: 14px 14px 14px 14px;
	}
	.nav-item .nav-link img{
		float: left;
	}
	.nav-item .nav-link h6 {
	   float: left;
		margin: 10px 0px 0px 20px;
	}
	.nav-item .nav-link p {
		clear: both;
		margin: -10px 0px 0px 102px;
		float: left;
	}
	.primary-menu{
		background-size:36.3% !important;
	}
	.hire-designer-item{
		height:auto;
		padding: 0 15px;
	}
	.hire-designer-item .nav-link h6 {
		float: none;
		margin:12px 0px 0px 0px;
	}
	.hire-designer-item .nav-link p{
		clear: both;
		margin: 10px 0px 0px 0px !important;
		float: none;
	}
	.nav-item.primary-menu .nav-link h6 {
		margin: 10px 0px 0px 0px;
		bottom: 21px;
	}
	.about-image {
		margin-left: 0px;
	}
	.about-header img{
		width:100%;
	}
	.goldan-ratio{
		width:100%;
	}
	.incredible-india {
		background-size: 100%;
		height: 453px;
		margin: 20px 0px 50px 0px;
		padding: 40px 40px 0px 40px;
	}
	.incredible-india img {
		width: 91%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	.incredible-india h2 {
		font-size: 41px;
		line-height: 62px;
	}
	.incredible-india h2 span {
		font-size: 73px;
	}
	.we-are {
		padding: 30px;
	}
	
	.we-are img{
		width:100%;
	}
	.we-are-logo {
		margin-top: -30px;
	}
	.our-team {
		margin-top: 100px;
		padding: 100px 0px 215px;
	}
	.guru-shreerang-details {
		width: 73%;
		margin-left:20px;
	}
	.guru-shreerang h2 {
		margin-top: 0px;
	}
	.our-life-work h6 {
	}
	.deparment-logo {
		margin: 24px 0px 0px 0px;
	}
	.deparment-logo a {
		width: 33%;
		text-align: center;
		margin:0px 0px 30px 0px;
	}
	.deparment-logo a:last-child{
		width:100%;
		text-align: center;
	}
	.concept {
		padding: 50px 70px;
	}
	.concept h6 {
		margin: 0px 0px 30px 0px;
	}
	.concept p {
		margin: 30px 0px 0px 0px;
	}
	.our-studio {
		margin-top: 100px;
	}
	.our-studio-slider{
		display:block;
		padding: 0;
	}
	.our-studio-slider img{
		width:100%;
	}
	.our-studio-slider-none{
		display:none;
	}
	.about-ratio{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 30px;
	}
	.ad-banner img{
		width:100%;
	}
	.reviews-header .review-img img{
		width:100%;
	}
	
	.services-header .service-img img{
		width:100%
	}
	.services-header h1{
		font-size: 50px;
		line-height: 60px;
	}
	.services-header h1 br{
		display:none;
	}
	.excellent-firm {
		width: 100%;
	}
	.services-icon img{
		width: 100%;
	}
	.services-info {
		height: auto;
		padding:30px 15px 30px 70px;
	}
	.services-info h2 {
		font-size: 48px;
	}
	.services-icon {
		top: -30px;
	}
	.design-work-images img{
		width:100%;
	}
	.services-logo {
		top: -10px;
	}
	.contct-img img{
		width: 100%;
	}
	.details-contact {
		padding: 40px 30px 70px 30px;
			margin-bottom: 20px;
	}
	.support {
		margin-top: 221px;
	}
	.why-us-image {
		width:100%;
	}
	.why-choose-us-step-contact .why-choose-us-step-content {
		width: 84%;
		margin-left: 15px;
	}
	.contact-nav-link {
		margin-top: 0px;
	}
	.lets-work {
		margin:100px 0px 50px 0px;
	}
	.watermark {
		width: 62px;
	}
	.twitter-name {
		width: 55%;
		margin-left: 20px;
	}
	.tweet {
		margin-left: 52px;
		color: #FFF;
	}
	.clients-say {
		padding: 30px;
	}
	.why-us {
		margin-top: 50px;
	}
	.results-img{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.results-img img{
		width: 100%;
	}
	.results {
		margin: 0px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
	}
	.results-text{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.results h5 br{
		display:none;
	}
	.results p {
		float: left;
		margin: 0px 0px 0px 0px;
		width: 50%;
	}
	.middle-info {
		margin-top:100px;
	}
	.why-choose-designguru .col-lg-7 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.why-choose-designguru .wow {
		width: 138%;
	}
	.why-choose-designguru .wow br {
		display: block;
	}
	.why-choose-designguru ul li {
		margin: 0px 0px 13px 0px;
	}
	.blog-reply {
		margin-bottom: 0px;
	}
	.bottom-link {
		margin-top: -20px;
	}
	.ad-banner {
		margin: 100px 0px 20px 0px;
	}
	.blog-right-section {
		padding-left: 15px;
	}
	
	.review-good-firm img{
		width:270px;
	}
	.portfolio {
		background: none !important  ;
	}
	.portfolio img{
		width:100%;
		height:100%;
	}
	
	.ui-ux-solutions .col-lg-3{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.contact {
		padding: 20px 10px 10px 10px;
		width:210px;
	}
	.contact span::before {
		margin: -12px 10px 0px 0px;
	}
	.contact span::after {
		margin: -7px 0px 0px 3px;
	}
	.porcess-header img{
		width:100%;
	}
	.celebrate img{
		width:100%;
	}
	.process-steps img{
		width:100%;
	}
	.process-steps h4 img {
		width: auto;
	}
	.applying-principles-design {
		margin-left: -312px;
	}
	.recent-work img{
		width:100%;
	}
	.work-portfolio .nav-tab-item {
		width: 185px;
	}
	.nav-tab-item br{
		display:block;
	}
	.ui-ux-solutions h2 {
		margin:30px 0px 0px 0px;
	}
	
	.design-service ul {
		margin-top:30px;
	}
	.design-work {
		margin-top: 30px;
	}
	.design-work-images {
		margin:15px 0px 15px 0px;
		position: relative;
	}
	.portfolio-all {
		margin-top:100px;
	}
	.porcess-header {
		margin-bottom: 50px;
	}
	.applying-principles {
		margin-top: 50px;
	}
	.process-steps {
		margin-top: 50px;
	}
	.design-work {
		margin-top: 90px;
	}
	.design-work p {
		margin: 10px 0px 0px 0px;
	}
	.design-service-ui-ux .col-lg-3 {
		-ms-flex:  0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.our-life-work {
		padding: 50px 350px 60px 70px;
		margin-bottom: 50px;
	}
	.ui-ux-capabilities-watermark {
		display:none;
	}
	.ui-ux-solutions-watermark {
		display:none;
	}
	.external-menu {
		margin: 0px 0px 0px -580px;
	}
	.blog-dgs-sm img {
		width: auto;
		float: none !important;
	}
	.dgs-blog-logo {
		width: 100% !important;
		float: none !important;
		margin-top: 0px !important;
		top: 0;
	}
	.blog-dgs {
		padding-bottom: 15px;
	}
	.bg-watermark {
		background-position:-37px -57px;
	}
	.numbers {
		margin-bottom: 30px;
	}
	.details {
		float: none;
		margin-left: 10px;
		margin-top: 20px;
		clear: both;
		display: block;
	}
	.header {
		margin-bottom: 160px;
	}
	.why-choose-us {
		margin-top:140px;
	}
	.why-choose-us-step {
		margin-top: 30px;
	}
	
	.principles {
		margin-top: 0px;
	}
	.principles h2 {
		margin:5px 15px 0px;
	}
	.principles .why-choose-us-step-content {
		width: 84%;
	}
	.department {
		margin-top: 100px;
	}
	.frontend-services img{
		width:100%;
	}
	.frontend-services .col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	}


@media screen and (max-width:768px) {
	.promising-award img{
		width: auto;
	}

.member-photo {
    float: none;
}	
.nav-item .nav-link img {
    width: 60px;
}
.nav-item .nav-link h6 {
    margin: 6px 0px 0px 13px;
}
.nav-item .nav-link p {
    margin: 10px 0px 0px 77px;
}
.primary-menu {
    background-size: 49.5% !important;
}
.hire-contact-image img {
    width:80% !important;
}	
.hire-designer-item .nav-link p {
    margin: 10px 0px 0px 0px;
}
.hire-designer-item .nav-link h6 {
    margin:30px 0px 0px 0px;
}

.logo-icon {
    position: static;
    top: 0px;
    right: 0px;
    width:70%;
    margin: 50px auto 0px;
}
.bg-watermark {
    width: 100%;
}
.header {
    margin-bottom:90px;
}

/*.middle-info {
    margin-top: 30px;
}
*/
.department {
    margin-top: 100px;
}
.department h3 {
    font-size: 38px;
}
.process {
    margin-left: 0px;
}
.process h3 br {
    display: block;
}
.process h3 span {
    font-size: 72px;
}
.process h3 {
    font-size: 48px;
}
.design-process img {
    display: none;
}
.step .col-12.col-sm-6 {
	margin-bottom:50px;
}
.step .view-more {
    margin: 0px auto 0px;
}
footer {
    padding-bottom: 20px;
}
.footer-logo {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.footer-logo img {
    margin-bottom: 20px;
}

.good-firm-footer {
    -ms-flex: 0 0 30%;
    flex: 0 0 35%;
    max-width: 35%;
}
.social-section {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
	    text-align: center;
}
.social {
    margin-top: 0px;
    float: none;
}
footer p {
    margin-top: 0px;
}
.copy-rights {
    text-align: center;
    float: none;
}
/*.department {
    margin-top: 30px;
}
*/.department-content-left{
	margin-top:50px;
}
.department-content-right{
	margin-bottom:0px;
}
.lets-work {
    margin: 100px 0px 30px 0px;
	background-repeat:repeat;
}
.carousel-inner img{
	width:100%;
}
.hire-contact-image {
    -ms-flex: 0 0 30%;
    flex: 0 0 35%;
    max-width: 35%;
}
.hire-contact-content  {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

.hire-designer-item .nav-link h6 {
    font-size: 41px;
    line-height: 41px;
}
.hire-designer-co-big{
	display:none;
}

.hire-designer-co-sm{
	display:block;

}
.contact {
    padding: 20px 10px 10px 10px;
	float: left;
	margin-right: 30px;
    margin-bottom: 30px;
}
.contact span::after {
    margin: -7px 0px 0px 8px;
}
.contact-details {
    margin-bottom: 30px;
}
.navbar {
    padding: .5rem 0rem;
}
.about-header h1 br{
	display:none;
}
.about-header h2 br{
	display:none;
}
.about-image {
    margin-top: 30px;
}
.team-member {
    text-align: center;
}
.member-profile {
    margin: 0 auto 50px;
}
.guru-shreerang-details {
    width: 100%;
    margin-left: 0px;
}
.deparment-logo a {
    width: 50%;
	text-align: left;
}
.deparment-logo a:last-child {
    width: 50%;
	text-align: left;
}
.incredible-india {
    height: auto;
    background: transparent;
    border: 2px solid #000;
}
.we-are-info {
    margin-top: 0px !important;
}
.we-are-logo {
    display: none;
}
.our-team h4 {
    font-size: 48px;
}
.our-team h3 {
    font-size: 38px;
}
.about-ratio {
    margin-top: 30px;
}
.our-team {
    padding: 40px 0px 215px;
}
.concept {
    padding: 50px 20px;
}
.blog-header img{
	width:100%;
}
.blog-header p {
    margin: 30px 0px 0px 0px;
}
.reviews-header  {
    text-align: center;
}
.review-good-firm {
    margin: 20px auto 0px;
}
.review-img {
    margin-top: 20px;
}
.review-page h2 {
    font-size: 45px;
}
.review-page {
    margin-bottom: 50px;
}
.services-icon{
	display:none;
}
.services-info {
    padding: 30px 30px 40px 30px;
}
.design-service .button {
    float: none;
    margin: 20px 22px 0px 0px;
}
.design-service h2 {
    float: none;
}
.support {
    margin-top: 100px;
}
.details-contact {
    padding: 3px 30px 30px 30px;
    margin-bottom: 20px;
	margin-right: 0px;
}
.contact-form {
    margin-left: 0px;
    padding: 30px 30px 30px 30px;
}
.why-us-image {
    margin: 0px auto;
    width: 50%;
    display: block;
}
.why-choose-us-step-contact .why-choose-us-step-content {
    width: 90%;
    margin-left: 15px;
}
.clients-say {
    height: auto;
	overflow: hidden;
}
.hire-designer-header img{
	width:100%;
}
.plan-box {
    margin-bottom: 30px;
}
.blog-shareing {
    float: left;
}
.bottom-link {
    margin-top: -20px;
}
.categories a span::after {
	display:none;
}
.good-firm img{
	width:270px;
    margin: 0 auto;
    display: block;
}
.good-firm-footer img{
	width:270px;
    margin: 0 auto;
    display: block;
}
.wow {
    padding: 35px 30px;
    font-size: 28px;
    line-height: 35px;
    background-size: auto;
    width: 60%;
    margin:50px auto;
}
.wow span {
    font-size: 60px;
    margin-top: 40px;
}
.wow h3 {
    font-size: 123px;
    line-height: 123px;
}
.why-choose-designguru .wow {
    width: 100%;
	padding: 30px;
}
.numbers {
    margin-bottom: 30px;
}
.header h2 br{
	display:none;
}
.lets-work-portfolio {
    margin-top: 0px;
}
.device-none{
	display:block;
/*	margin-top: 50px;*/
}
.desktop-none{
	display:none;
	
}
.review-form {
    margin: 0px 0px 0px 0px;
}
.services-logo {
    position: initial;
}
.principles .why-choose-us-step-content {
    width: 77.5%;
}
.ui-ux-solutions .col-lg-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.applying-principles-design {
    margin-left: 0px;
    width: 100%;
}
.process-steps img {
    width: auto;
	margin: 0 auto;
    text-align: center;
    display: block;
}
.content-section-left {
    padding-left: 15px;
}
.content-section-right {
    padding-right: 15px;
}
.process-steps h4 {
    margin-top: 50px;
    font-size: 60px;
}
.process-steps h4 img {
    width: auto;
       display: inline-block;
    margin-top:-6px;
}
.process-steps {
    margin-top: 50px;
}
.work-portfolio .nav-tab-item {
    width: 137px;
}
.nav-tab-item br {
    display: none;
}
.principles h4 {
    margin:20px 15px 0px;
}
.principles .why-choose-us-step {
    margin: 30px 0px 0px;
}
.services-info h2 {
    font-size: 48px;
}
.ui-ux-solutions h2 {
    font-size: 48px;
    margin: 50px 0px 0px 0px;
}
.design-service-ui-ux .col-lg-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.device-none-sevices{
	display:none;
}
.desktop-none-sevices{
	display:block;
}
/*.design-service ul {
    margin-bottom: 50px;
}*/
.our-life-work {
    padding: 60px 283px 60px 70px;
}
.porcess-header img {
    width: auto;
    margin: 50px auto 0px;
    text-align: center;
    display: block;
}
.external-menu {
    margin: 0px 0px 0px -350px;
}
.dgs-blog-logo-big img {
    display: none;
}
.blog-dgs-sm h6 {
    margin: 10px 0px 0px 0px;
    line-height: 71px !important;
}
.frontend-services img{
	width: auto;
	margin-bottom:30px;
}
.frontend-services {
    text-align: center;
}
.frontend-services ul {
    text-align: left;
    margin: 0px -15px 0px -15px;
}
.frontend-services .col-lg-3 {
    -ms-flex: 0 0 50%;
     flex: 0 0 50%; 
	 max-width: 50%; 
}
}


@media screen and (max-width:736px) {
.hire-contact-content {
    -ms-flex: 0 0 60%;
    flex: 0 0 65%;
    max-width: 65%;
}
.design-service {
    margin: 0px 0px 0px 0px;
}
/*.middle-info {
    margin-top: 50px;
}*/
.looking-design {
    font-size: 22px;
}
.looking-design strong {
    font-size: 25px;
}

.logo-icon {
    width:50%;
}
.our-life-work {
    padding: 40px 301px 50px 60px;
}
}

@media screen and (max-width:734px) {
.work-portfolio .nav-tab-item {
    width: 136px;
}
}

@media screen and (max-width:684px) {
.contact span::after {
    margin: -7px 0px 0px 5px;
}
.contact span::before {
    margin: -12px 3px 0px 0px;
}
.contact-details {
    margin-bottom: 30px;
    margin-top: 0px;
}
.nav-item .nav-link img {
    width: 40px;
}
.nav-item .nav-link p {
    margin: 10px 0px 0px 56px;
}
.primary-menu {
    background-size: 54% !important;
}
.guru-shreerang-details {
    width: 100%;
    margin-left: 0px;
}
.guru-shreerang h2 br{
	display:none;
}
.member-photo {
    float: none;
}
.review-page h2 {
    font-size: 36px;
}
.why-choose-us-step-contact .why-choose-us-step-content {
    width: 88%;
    margin-left: 15px;
}
/*.middle-info {
    margin-top: 50px;
}*/
.wow span {
    font-size: 50px;
}
.wow h3 {
    font-size: 114px;
    line-height: 88px;
}
.hire-contact-image img {
    width: 100% !important;
}
.ui-ux-solutions h2 {
    margin: 50px 0px 0px 0px;
}
.work-portfolio .nav-tab-item {
    width: 125px;
}
.our-life-work {
    padding: 30px 145px 30px 50px;
    background-size: 16%;
}
.our-life-work h6 {
    font-size: 48px;
}
.external-menu {
    margin: 0px 0px 0px -280px;
}
.blog-dgs-sm h6 {
    font-size: 41px !important;
    margin: 0px 0px 0px 0px;
    line-height: 41px !important;
}
.nav-item .nav-link img {
    width: 40px;
}
}
@media screen and (max-width:667px) {
.nav-item .nav-link h6 {
    margin: 0px 0px 0px 13px;
    font-size: 30px;
}
.nav-item.primary-menu .nav-link h6 {
    bottom: 15px;
    font-size: 38px;
}
.hire-designer-item .nav-link h6 {
    margin: 10px 0px 0px 0px;
}
.hire-designer-item .nav-link p {
    margin: 10px 0px 0px 0px;
}
.work-portfolio .nav-tab-item {
    width: 123px;
}
}
@media screen and (max-width:575px) {
	footer {
		text-align: center;
	}
	footer .good-firm-footer {
		margin:30px auto;
		text-align: center;
		width: auto;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.copy-rights {
		text-align: center;
	}
	.social-section {
		margin-bottom: 20px;
	}
	
	}
@media screen and (max-width:414px) {

	.promising-award img{
		width: 100%;
	}	
footer .nav-item {
    margin-bottom: 15px;
}
.nav-item .nav-link p {
	display:none;
}
.nav-item .nav-link img{
	float:left;
    width: 30px;
}
.nav-item {
    padding: 10px;
    height:64px;
	margin-bottom: 10px;
}
.nav-item .nav-link h6{
	float:left;
	font-size: 21px;
	margin:2px 0px 10px 10px;
	font-family: 'Titillium Web', sans-serif;
}
.nav-item .nav-link h6 br{
	display:none;
	margin-left:10px;
}
.primary-menu {
    background-size:9% !important;
    background-position: 14px !important;
    padding-left:47px;
    padding-top: 12px;
}
.nav-item.primary-menu .nav-link h6 {
    font-size: 21px;
    position: static;
    bottom: 14px;
	font-weight: 600;
	margin: 3px 0px 0px 10px;
}
.navbar-link {
    position: absolute;
    bottom: 0;
    right: 5px;
    top: -3px;
}
.navbar-link::after {
    margin:15px 0px 4px 0px;
}
.primary-menu .navbar-link::after {
    margin:18px 4px 4px 0px;
}
.contact-details {
    display: none;
}
.contact {
    float: none;
    padding:14px 10px 25px 0px !important;
    display: block;
    margin-bottom: 30px;
    height:64px;
	font-size:21px;
	text-transform:none;
}

.hire-contact-image {
    -ms-flex: 0 0 15%;
    flex: 0 0 18%;
    max-width: 18%;
}
.hire-contact-content {
    -ms-flex: 0 0 84%;
    flex: 0 0 84%;
    max-width: 84%;
	margin-left: -13px;
}
.contact span::before {
    margin:-7px 10px 0px 5px;
}
.contact span::after {
	display:block;
}
.contact span::after {
    margin:-2px -4px 0px 5px;
	font-weight:400;
}
.hire-contact-content .navbar-link::after {
    margin:5px -1px 0px 0px;
}
.hire-designer-item .nav-link h6 {
    margin: 0px 0px 10px 0px !important;
}
.footer-logo {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.header h1 {
    font-size: 48px;
    line-height: 48px;
	margin: 20px 0px 0px 0px;
}
.middle-info h2 {
    font-size: 48px;
}
.department {
    margin-top: 50px;
}
.process {
    padding: 48px;
}
.process h3 span {
    font-size: 48px;
}
.process h3 {
    font-size: 38px;
}
.why-choose-us-step-content {
    float: left;
    margin-left: 20px;
}
.lets-work {
    padding: 50px;
	margin-bottom:50px;
    margin-top:50px;
    background: url(../images/Let-Work-bg.jpg) repeat;
}
.lets-work h5 {
    font-size: 22px;
}
.lets-work h5 span {
    font-size: 40px;
}
.start-project {
    margin-top: 20px;
}
.good-firm-footer {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.social{
    margin-right: 0px;
}
.view-more span::after {
    right: 9px;
}
.about-ratio {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.middle-info {
    margin-top: 50px;
}
.our-team {
    margin-top: 50px;
}
.our-team h3 {
    font-size: 22px;
}
.our-team p {
    font-size: 16px;
}
.concept img{
	width:100%;
}
.deparment-logo a {
    width: 100%;
    text-align: left;
}
.deparment-logo a:last-child {
    width: 100%;
    text-align: left;
}
.deparment-logo a img{
    width: auto;
}
.incredible-india h2 span {
    font-size: 36px;
}
.incredible-india h2 {
    font-size: 24px;
    line-height: 37px;
}
.concept h2 {
    font-size: 32px;
    margin: 10px 0px 20px 0px;
}
.we-are-info h5 {
    font-size: 30px;
}

.our-studio h2 mark {
   font-size: 34px;
}
.our-studio p {
    font-size: 18px;
    margin: 0px 0px 20px 0px;
}
.pagination li a {
    width: 30px;
    height: 30px;
    line-height:27px;
}

.control {
    line-height: 26px;
    margin-top: 6px !important;
    display: inline-block;
    font-size: 17px;
}
.services-logo {
    bottom: -10px;
    position: static;
}
.services-info h2 {
    font-size: 38px;
}
.get-in-touch h3 {
    margin: 50px 0px 0px 0px;
}
.clients-say {
    padding: 56px;
}
.twitter-name {
    width: 63%;
    margin-left: 50px;
}
.watermark {
    min-height: 100%;
}
.why-choose-us-step-contact .why-choose-us-step-content {
    width: 79%;
}
.results p {
    float: none;
    width: 100%;
}
.blog-right-section {
    margin-top: 50px;
}
.blog-shareing {
    margin-top: -50px;
}
.blog-content {
    margin-top: 7px;
}
.blog-reply .reply {
    margin: 20px 0px 0px 0px !important;
}
.blog .view-more span::after {
    right: -23px;
}
.button {
    padding: 10px 60px 10px 20px;
}
.ad-banner {
    margin: 50px 0px 0px 0px;
}
.header {
    margin-bottom: 30px;
}
.numbers {
    width: 46%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.details {
    margin:0px;
}
.testimonials .read-more span::after {
    right: 17px;
}
.logo-icon {
    width: 100%;
}
.incredible-india {
    position: relative;
    padding-bottom: 70px;
}

.incredible-india img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.wow {
    padding: 55px 30px;
    font-size: 21px;
    line-height: 26px;
    background-size: 100%;
    width: 100%;
    margin:50px auto 30px;
}
.wow h3 {
    font-size: 108px;
}
.hire-designer-item img {
    margin-top: 0px;
}

.why-choose-designguru .wow {
    width: 100%;
    height: 367px;
	padding: 30px;
}
.why-choose-designguru .wow h3 {
    font-size: 321px;
    margin: 0px 0px 0px 0px;
}
.why-choose-designguru .wow span {
    font-size: 30px;
    position: absolute;
    bottom:0px;
    left: 39px;
	    line-height: 33px;
}
.what-we-cover p {
    margin: 20px 0px 10px 0px;
}
.why-us-image {
    width:100%;
}
.portfolio-more {
    padding: 10px 20px 10px 20px !important;
}
.contact {
    width: 100%;
    margin-bottom: 10px;
}
.ui-ux-solutions .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.ui-ux-solutions h2 {
    font-size: 48px;
	margin: 40px 0px 0px 0px;
}
.process-steps img {
    width: 100%;
}
.process-steps h4 {
    margin-top: 50px;
    font-size: 48px;
}
.work-portfolio .nav-tab-item {
    width: 100%;
    border-right: 0px solid #000;
    border-bottom: 2px solid #000;
}
.work-portfolio .nav-tab-item:last-child{
    width: 100%;
    border-right: 0px solid #000;
    border-bottom: 0px solid #000;
}
.work-portfolio-pagination .button.back {
    margin-right: 10px;
    padding: 10px 20px 10px 20px;
}
.work-portfolio-pagination .button.next {
    margin-left: 10px;
    padding: 10px 20px 10px 20px;
}
.work-portfolio-pagination .button {
    width: 150px;
}
.design-service-ui-ux .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.design-service ul {
    margin-bottom: 0px;
	    margin-top: 20px;
}
.our-life-work {
    padding: 50px;
}
.porcess-header img {
    width: 100%;
}
.external-menu {
	display:none;
}
.internal-link {
	display:block;
}
.blog-dgs-sm img {
    width: auto;
    float: left !important;
    margin-right: 11px;
}
.blog-dgs-sm h6 {
    font-size: 20px !important;
    margin: 0px 0px 0px 0px;
    line-height: 40px !important;
    float: left !important;
}
.dgs-blog-logo-big .navbar-link {
    top: -63px;
    right: 10px;
}
.blog-btn{
    margin-bottom:30px;
}
.header {
    margin-bottom: 30px;
}
.principles {
    margin-top: 20px;
}
.why-right-content {
    margin-top: 0px;
}
.design-work {
    margin-top: 40px;
}
.design-work-images {
    margin: 40px 0px 10px 0px;
}
.portfolio-more {
    margin: 40px auto 0px;
}
.portfolio-all {
    margin-top: 50px;
}
.why-choose-us-step {
    margin-top: 20px;
}
.lets-work p {
    margin-bottom: 0;
}
.frontend-services .col-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.frontend-services ul .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}


@media screen and (max-width:375px) {
.social {
    width: 35px;
    height: 35px;
    font-size: 16px;
    padding-top: 6px;
}
.lets-work {
    padding: 30px;
}
.process {
    padding: 30px;
}
.twitter-name {
    width: 90%;
    margin-left: 28px;
}
.tweet {
    margin-left: 30px;
}
.wow {
    padding: 30px 30px;
}
.wow span {
    font-size: 44px;
}
.wow h3 {
    font-size: 94px;
}
.why-choose-designguru .wow span {
    font-size: 25px;
    bottom: 26px;
    line-height: 29px;
}
.frontend-services img {
    width: 100%;
}
}