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

/* Jane - A Personal Portfolio Template for Designer, Developer, Photographer, Artist, Freelancer and for every Individuals */

/* Jane - A Personal Portfolio Template */
/* Stylesheet codes included for pages */
/* index_solid.html */
/* index_image.html */
/* index_video.html */
/* All codes rights reserved by Jane - A Personal Portfolio Template */ 


/*************************************************************************** Media Query ****************************************************************************************/

@media screen and (min-width : 1681px) and (max-width : 1920px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  width:8%;
  margin-top:6px;
}
#hero > .intro_text > h1{
  font-size:70px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
  
  font-size:24px; 

}
#hero > .intro_text > .more_about_me{
  width:160px;
  height:55px;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:18px; 
  padding:15px 0px 0px 0px;
}
#portfolio > .portfolio_title > p{
  width:25%;
}
#portfolio > .portfolio_container > .p1{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p2{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p3{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p4{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p5{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p6{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p7{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p8{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#portfolio > .portfolio_container > .p9{
  width:32%;
  height:380px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:160px 0;
}
#casestudy > .case_container_1 > .case_img1{
  height:700px;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img2{
  height:500px;
}
#casestudy > .case_container_1 > .case_img3{
  height:500px;
}
#casestudy > .case_container_2 > .case_img1{
  height:700px;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img2{
  height:500px;
}
#casestudy > .case_container_2 > .case_img3{
  height:500px;
}
#casestudy > .case_container_3 > .case_img1{
  height:700px;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img2{
  height:500px;
}
#casestudy > .case_container_3 > .case_img3{
  height:500px;
}

#about > .about_container{
  padding:150px 0px;
}
#education > .education_title > h1{
  width:30%;
}
#education > .education_title > p{
  width:25%;
}
#education > .education_container > .e1{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e2{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e3{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e4{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e5{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e6{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#hire{
  width:100%;
  padding:90px 0px;
}
#service > .service_title > p{
  width:25%;
}
#service > .service_container > .s1{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s2{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s3{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s4{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s5{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s6{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#blog > .blog_title > p{
  width:25%;
}
#contact > .contact_title > p{
  width:50%;
}
}



@media screen and (min-width : 1441px) and (max-width : 1680px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  width:9%;
  margin-top:6px;
}
#hero > .intro_text > h1{
  font-size:70px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{

  font-size:24px; 
 
}
#hero > .intro_text > .more_about_me{
  width:170px;
  height:55px;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:18px; 
  padding:15px 0px 0px 0px;
}
#portfolio > .portfolio_title > p{
  width:25%;
}
#portfolio > .portfolio_container > .p1{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p2{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p3{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p4{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p5{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p6{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p7{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p8{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p9{
  width:32%;
  height:350px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#casestudy > .case_container_1 > .case_img1{
  height:600px;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img2{
  height:400px;
}
#casestudy > .case_container_1 > .case_img3{
  height:400px;
}
#casestudy > .case_container_2 > .case_img1{
  height:600px;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img2{
  height:400px;
}
#casestudy > .case_container_2 > .case_img3{
  height:400px;
}
#casestudy > .case_container_3 > .case_img1{
  height:600px;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img2{
  height:400px;
}
#casestudy > .case_container_3 > .case_img3{
  height:400px;
}

#education > .education_title > h1{
  width:25%;
 }
#education > .education_title > p{
  width:25%;
}
#education > .education_container > .e1{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e2{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e3{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e4{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e5{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#education > .education_container > .e6{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#hire{
  width:100%;
  padding:90px 0px;
}
#service > .service_title > p{
  width:25%;
}
#service > .service_container > .s1{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s2{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s3{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s4{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s5{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#service > .service_container > .s6{
  width:calc(32% - 120px);
  padding:60px 60px 54px 60px;
}
#blog > .blog_title > p{
  width:25%;
}
#contact > .contact_title > p{
  width:50%;
}
}



@media screen and (min-width : 1361px) and (max-width : 1440px){
#mobile_menu{
  display:none;
}
}


@media screen and (min-width : 1281px) and (max-width : 1360px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  margin-top:12px;
}
}



@media screen and (min-width : 1185px) and (max-width : 1280px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  width:8%;
  margin-top:18px;
}
#hero > .intro_text > h1{
  font-size:70px;
}
#education > .education_container > .e1:after{
 font-size:266px;
}
#education > .education_container > .e2:after{
 font-size:260px;
}
#education > .education_container > .e3:after{
 font-size:260px;
}
#education > .education_container > .e4:after{
 font-size:260px;
}
#education > .education_container > .e5:after{
 font-size:260px;
}
#education > .education_container > .e6:after{
 font-size:260px;
}
#service > .service_container > .s1:after{
 font-size:266px;
}
#service > .service_container > .s2:after{
 font-size:260px;
}
#service > .service_container > .s3:after{
 font-size:260px;
}
#service > .service_container > .s4:after{
 font-size:260px;
}
#service > .service_container > .s5:after{
 font-size:260px;
}
#service > .service_container > .s6:after{
 font-size:260px;
}
}

@media screen and (min-width : 1081px) and (max-width : 1184px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  width:8%;
  margin-top:18px;
}
#hero > .intro_text > h1{
  font-size:70px;
}
#portfolio > .portfolio_title > p{
  width:40%;
}
#education > .education_title > p{
  margin:0px 0px;
  width:40%;
}
#education > .education_container > .e1:after{
 font-size:266px;
}
#education > .education_container > .e2:after{
 font-size:260px;
}
#education > .education_container > .e3:after{
 font-size:260px;
}
#education > .education_container > .e4:after{
 font-size:260px;
}
#education > .education_container > .e5:after{
 font-size:260px;
}
#education > .education_container > .e6:after{
 font-size:260px;
}
#service > .service_title > p{
  width:40%;
}
#service > .service_container > .s1:after{
 font-size:266px;
}
#service > .service_container > .s2:after{
 font-size:260px;
}
#service > .service_container > .s3:after{
 font-size:260px;
}
#service > .service_container > .s4:after{
 font-size:260px;
}
#service > .service_container > .s5:after{
 font-size:260px;
}
#service > .service_container > .s6:after{
 font-size:260px;
}
#blog > .blog_title > p{
  width:40%;
}
}


@media screen and (min-width : 1025px) and (max-width : 1080px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  width:10%;
  margin-top:18px;
}
#hero > .intro_text > h1{
  font-size:66px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > p{
  width:40%;
}
#education > .education_title > p{
  margin:0px 0px;
  width:40%;
}
#education > .education_container > .e1:after{
 font-size:220px;
}
#education > .education_container > .e2:after{
 font-size:220px;
}
#education > .education_container > .e3:after{
 font-size:220px;
}
#education > .education_container > .e4:after{
 font-size:220px;
}
#education > .education_container > .e5:after{
 font-size:220px;
}
#education > .education_container > .e6:after{
 font-size:220px;
}
#service > .service_title > p{
  width:40%;
}
#service > .service_container > .s1:after{
 font-size:220px;
}
#service > .service_container > .s2:after{
 font-size:220px;
}
#service > .service_container > .s3:after{
 font-size:220px;
}
#service > .service_container > .s4:after{
 font-size:220px;
}
#service > .service_container > .s5:after{
 font-size:220px;
}
#service > .service_container > .s6:after{
 font-size:220px;
}
#blog > .blog_title > p{
  width:40%;
}
#client > .client_container > .c1{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c2{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c3{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c4{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c5{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c6{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c7{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c8{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:80%;
}
}



@media screen and (min-width : 907px) and (max-width : 1024px){
#mobile_menu{
  display:none;
}
#header > .wrapper > .logo{
  width:10%;
  margin-top:18px;
}
#hero > .intro_text > h1{
  font-size:66px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > p{
  width:40%;
}
#education > .education_title > p{
  margin:0px 0px;
  width:40%;
}
#education > .education_container > .e1:after{
 font-size:220px;
}
#education > .education_container > .e2:after{
 font-size:220px;
}
#education > .education_container > .e3:after{
 font-size:220px;
}
#education > .education_container > .e4:after{
 font-size:220px;
}
#education > .education_container > .e5:after{
 font-size:220px;
}
#education > .education_container > .e6:after{
 font-size:220px;
}
#service > .service_title > p{
  width:40%;
}
#service > .service_container > .s1:after{
 font-size:220px;
}
#service > .service_container > .s2:after{
 font-size:220px;
}
#service > .service_container > .s3:after{
 font-size:220px;
}
#service > .service_container > .s4:after{
 font-size:220px;
}
#service > .service_container > .s5:after{
 font-size:220px;
}
#service > .service_container > .s6:after{
 font-size:220px;
}
#blog > .blog_title > p{
  width:40%;
}
#client > .client_container > .c1{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c2{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c3{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c4{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c5{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c6{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c7{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#client > .client_container > .c8{
  width:calc(25% - 60px);
  padding:0px 30px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:80%;
}
}



@media screen and (min-width : 801px) and (max-width : 906px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:13%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:66px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:14px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:auto;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-5%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-30%;
  margin-top:-20%;
}

#portfolio{
  width:100vw;
  padding:132px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
  overflow:hidden;
}
#portfolio > .portfolio_title > h1{
  font-size:42px;
  margin:0px 0px 12px 0px;
}
#portfolio > .portfolio_title > p{
  width:45%;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
}
#portfolio > .portfolio_container > .p1{
  width:48%;
  height:290px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay{
  position:absolute;
  width:100%;
  height:100%;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2{
  width:48%;
  height:290px;
	margin-left:2%;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay{
  position:absolute;
  width:100%;
  height:100%;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3{
  width:48%;
  height:290px;
	margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay{
  position:absolute;
  width:100%;
  height:100%;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4{
  width:48%;
  height:290px;
	margin-left:2%;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay{
  position:absolute;
  width:100%;
  height:100%;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5{
  width:48%;
  height:290px;
	margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay{
  position:absolute;
  width:100%;
  height:100%;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6{
  width:48%;
  height:290px;
	margin-left:2%;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay{
  position:absolute;
  width:100%;
  height:100%;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7{
  width:48%;
  height:290px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8{
  width:48%;
  height:290px;
	margin-left:2%;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9{
  width:48%;
  height:290px;
	margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  font-size:24px;
  padding:60px 0px 0px 0px;
}
#about{
  width:100vw;
}
#about > .about_container > .about_me > .resume{
  width:40%;
  height:50px;
}
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#education{
  width:100vw;
  padding:132px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
  overflow:hidden;
}
#education > .education_title > h1{
  margin:0px 0px 12px 0px;
  width:50%;
  font-size:42px;
}
#education > .education_title > p{
  margin:0px 0px;
  width:45%;
  font-size:16px;
}
#education > .education_container > .e1{
  width:calc(48% - 60px);
  margin-bottom:30px;
  padding:36px 30px;
}
#education > .education_container > .e1:after{
  font-size:220px;
}
#education > .education_container > .e2{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:36px 30px;
}
#education > .education_container > .e2:after{
  font-size:220px;
}
#education > .education_container > .e3{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:36px 30px;
}
#education > .education_container > .e3:after{
  font-size:220px;
}
#education > .education_container > .e4{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:36px 30px;
}
#education > .education_container > .e4:after{
  font-size:220px;
}
#education > .education_container > .e5{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:0px;
  padding:36px 30px;
}
#education > .education_container > .e5:after{
  font-size:220px;
}
#education > .education_container > .e6{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:0px;
  padding:36px 30px;
}
#education > .education_container > .e6:after{
  font-size:220px;
}
#hire{
  width:100vw;
  padding:60px 0px;
}
#hire > .hire_container > .hire_me_content{
  display:inline-block;
  vertical-align:middle;
  width:60%;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:40%;
}
#service{
  width:100vw;
  padding:132px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
  overflow:hidden;
}
#service > .service_title > h1{
  margin:0px 0px 12px 0px;
  width:50%;
  font-size:42px;
}
#service > .service_title > p{
  margin:0px 0px;
  width:45%;
  font-size:16px;
}
#service > .service_container > .s1{
  width:calc(48% - 60px);
  margin-bottom:30px;
  padding:36px 30px;
}
#service > .service_container > .s1:after{
  font-size:220px;
}
#service > .service_container > .s2{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:36px 30px;
}
#service > .service_container > .s2:after{
  font-size:220px;
}
#service > .service_container > .s3{
  width:calc(48% - 60px);
  margin-bottom:30px;
	margin-left:0;
  padding:36px 30px;
}
#service > .service_container > .s3:after{
  font-size:220px;
}
#service > .service_container > .s4{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:36px 30px;
}
#service > .service_container > .s4:after{
  font-size:220px;
}
#service > .service_container > .s5{
  width:calc(48% - 60px);
  margin-bottom:0px;
	margin-left:0;
  padding:36px 30px;
}
#service > .service_container > .s5:after{
  font-size:220px;
}
#service > .service_container > .s6{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:0px;
  padding:36px 30px;
}
#service > .service_container > .s6:after{
  font-size:220px;
}
#facts{
  width:100vw;
  padding:102px 0px;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
	overflow:hidden;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  width:50%;
  font-size:42px;
}
#blog > .blog_title > p{
  margin:0px 0px;
  width:45%;
  font-size:16px;
}
#blog > .blog_container > .b1{
  width:48%;
  margin-bottom:30px;
}
#blog > .blog_container > .b2{
  width:48%;
	margin-left:4%;
  margin-bottom:30px;
}
#blog > .blog_container > .b3{
  width:48%;
	margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b4{
  width:48%;
	margin-left:4%;
  margin-bottom:30px;
}
#blog > .blog_container > .b5{
  width:48%;
	margin-left:0;
  margin-bottom:0px;
}
#blog > .blog_container > .b6{
  width:48%;
	margin-left:4%;
  margin-bottom:0px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
}
#client > .client_container > .c1{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:60px;
}
#client > .client_container > .c2{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:60px;
}
#client > .client_container > .c3{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:60px;
}
#client > .client_container > .c4{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:60px;
}
#client > .client_container > .c5{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:0px;
}
#client > .client_container > .c6{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:0px;
}
#client > .client_container > .c7{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:0px;
}
#client > .client_container > .c8{
  width:calc(25% - 60px);
  padding:0px 30px;
  margin-bottom:0px;
}
#contact{
  width:100vw;
  padding:120px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 66px auto;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:50%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:80%;
  font-size:30px;
}
#contact > .contact_container{
  width:90%;
}
#contact > .contact_container > .form{
  width:50%;
  overflow:hidden;
}
#contact > .contact_container > .details{
  width:calc(45% - 4px);
  margin-left:5%;
  padding:24px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:80%;
}
}



@media screen and (min-width : 769px) and (max-width : 800px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:16%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:66px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:14px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
  
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-10%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-30%;
  margin-top:-20%;
}
#portfolio{
  width:100vw;
  padding:120px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:50%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:48%;
  height:300px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p2{
  width:48%;
  height:300px;
  margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p3{
  width:48%;
  height:300px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p4{
  width:48%;
  height:300px;
	margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p5{
  width:48%;
  height:300px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p6{
  width:48%;
  height:300px;
  margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p7{
  width:48%;
  height:300px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p8{
  width:48%;
  height:300px;
  margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p9{
  width:48%;
  height:300px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:400px; /*Tedit*/
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;/*Tedit*/
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;/*Tedit*/
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:400px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;/*Tedit*/
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;/*Tedit*/
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:120px 0px 120px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:520px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:20%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:16px 0px;
  font-size:14px;
}
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:14px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:560px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:120px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
 }
#education > .education_title > p{
  width:50%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:calc(48% - 60px);
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
}

#education > .education_container > .e2{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
}

#education > .education_container > .e3{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
}

#education > .education_container > .e4{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
}
#education > .education_container > .e5{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:0px;
  padding:30px 30px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
}
#education > .education_container > .e6{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:0px;
  padding:30px 30px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:80%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:120px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:50%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
}
#service > .service_container > .s2{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
}
#service > .service_container > .s3{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
}
#service > .service_container > .s4{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
}
#service > .service_container > .s5{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:0px;
  padding:30px 30px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
}
#service > .service_container > .s6{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:0px;
  padding:30px 30px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
}

#facts{
  width:100vw;
  padding:102px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:50%;
  font-size:16px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b1 > a > .b1_txt > p{
 padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b2 > a > .b2_txt > p{
 padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:350px;
}
#blog > .blog_container > .b3 > a > .b3_txt > p{
 padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b4 > a > .b4_txt > p{
 padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b5 > a > .b5_txt > p{
 padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b6 > a > .b6_txt > p{
 padding:0px 18px 24px 18px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:120px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 66px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:30px;
  line-height:46px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:36px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 42px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
  /*float:left;*/
	margin-bottom:0px;	
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 12px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}


@media screen and (min-width : 737px) and (max-width : 768px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:16%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:66px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
  
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:14px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-15%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-40%;
  margin-top:-40%;
}
#portfolio{
  width:100vw;
  padding:120px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:50%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:48%;
  height:300px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p2{
  width:48%;
  height:300px;
  margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p3{
  width:48%;
  height:300px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p4{
  width:48%;
  height:300px;
	margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p5{
  width:48%;
  height:300px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p6{
  width:48%;
  height:300px;
  margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p7{
  width:48%;
  height:300px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p8{
  width:48%;
  height:300px;
  margin-left:4%;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_container > .p9{
  width:48%;
  height:300px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:120px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:0px 0px 120px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:600px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:20%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:15px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:540px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:120px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
 }
#education > .education_title > p{
  width:60%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:calc(48% - 60px);
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
}

#education > .education_container > .e2{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
}

#education > .education_container > .e3{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
}

#education > .education_container > .e4{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
}
#education > .education_container > .e5{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:0px;
  padding:30px 30px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
}
#education > .education_container > .e6{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:0px;
  padding:30px 30px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:120px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:60%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
}
#service > .service_container > .s2{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
}
#service > .service_container > .s3{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
}
#service > .service_container > .s4{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:30px;
  padding:30px 30px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
}
#service > .service_container > .s5{
  width:calc(48% - 60px);
	margin-left:0;
  margin-bottom:0px;
  padding:30px 30px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
}
#service > .service_container > .s6{
  width:calc(48% - 60px);
	margin-left:4%;
  margin-bottom:0px;
  padding:30px 30px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
}

#facts{
  width:100vw;
  padding:102px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:60%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:350px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:350px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:350px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 144px);
  padding:0px 72px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:120px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 66px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:30px;
  line-height:46px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:36px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 42px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:0px;	
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 12px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}



@media screen and (min-width : 668px) and (max-width : 736px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:16%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:66px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:14px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-20%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-60%;
  margin-top:-40%;
}
#portfolio{
  width:100vw;
  padding:120px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:60%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:420px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:auto;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:120px 0px 120px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:570px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:30px;
}
#about > .about_container > .about_me > .resume{
  width:26%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:26%;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:15px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:620px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:120px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
}
#education > .education_title > p{
  width:60%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 36px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:120px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:60%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 36px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:60%;
  font-size:16px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b1 > a > .b1_txt > p{
  padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b2 > a > .b2_txt > p{
  padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:320px;
}
#blog > .blog_container > .b3 > a > .b3_txt > p{
  padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b4 > a > .b4_txt > p{
  padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b5 > a > .b5_txt > p{
  padding:0px 18px 24px 18px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b6 > a > .b6_txt > p{
  padding:0px 18px 24px 18px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 120px);
  padding:0px 60px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:120px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 66px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:30px;
  line-height:46px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:36px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 42px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:0px;	
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 12px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}



@media screen and (min-width : 641px) and (max-width : 667px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:20%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:60px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:145px;
  height:45px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-20%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-60%;
  margin-top:-45%;
}
#portfolio{
  width:100vw;
  padding:120px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:65%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:420px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:120px 0px 120px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:550px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
  font-weight:700;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:25%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:15px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:620px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:120px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
 }
#education > .education_title > p{
  width:70%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:36px 0px 36px 0px
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 36px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:22px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:120px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:70%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 36px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:70%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:320px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:320px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:320px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:120px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 66px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:30px;
  line-height:46px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:36px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 42px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:0px;	
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 12px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}



@media screen and (min-width : 602px) and (max-width : 640px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:20%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:60px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:145px;
  height:45px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-20%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-60%;
  margin-top:-45%;
}
#portfolio{
  width:100vw;
  padding:120px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:65%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:420px;
  margin-bottom:36px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:420px;
  margin-bottom:36px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:420px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:180px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:320px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:320px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:320px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:120px 0px 120px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:490px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:30px;
}
#about > .about_container > .about_me > .resume{
  width:25%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:15px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:540px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:120px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
 }
#education > .education_title > p{
  width:70%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:222px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 36px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:120px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:70%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 36px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#blog > .blog_title > p{
  margin:0px;
  width:70%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:290px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:290px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:90px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:30px;
  line-height:46px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:36px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 42px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:0px;	
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 12px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}



@media screen and (min-width : 569px) and (max-width : 601px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:20%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:60px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-30%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  min-height:100%;
  margin-left:-60%;
  margin-top:-45%;
}
#portfolio{
  width:100vw;
  padding:120px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 66px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:70%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 96px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:350px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:350px;
  margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:350px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:350px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:350px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:120px 0px 120px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:520px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:30%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:15px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:580px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:120px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 66px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
 }
#education > .education_title > p{
  width:70%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 36px;
}

#hire{
  width:100vw;
  padding:78px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:120px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 66px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:70%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 36px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:120px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 66px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:70%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;

  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:290px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:290px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:120px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 66px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:30px;
  line-height:46px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:30px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 42px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:0px;	
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 12px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}



@media screen and (min-width : 481px) and (max-width : 568px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:20%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:60px;
  margin:0px 0px 24px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 48px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-40%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:0;
}
#portfolio{
  width:100vw;
  padding:102px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 54px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
}
#portfolio > .portfolio_title > p{
  width:70%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 84px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:350px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:350px;
  margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:350px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:350px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:350px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:350px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:150px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:250px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:250px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:32px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 12px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:102px 0px 102px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:500px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:42px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
	line-height:36px;
 }
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:30px;
}
#about > .about_container > .about_me > .resume{
  width:30%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:170px;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:15px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:540px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:102px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 54px auto;
}
#education > .education_title > h1{
  width:70%;
  font-size:42px;
 }
#education > .education_title > p{
  width:70%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 36px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 36px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 36px;
}

#hire{
  width:100vw;
  padding:84px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:22px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:102px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 54px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:42px;
 }
#service > .service_title > p{
  width:70%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 36px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:36px 0px 36px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 36px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 36px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 36px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:50%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:50%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:102px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 54px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:42px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:70%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;

  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:290px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:290px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:290px;
}
#client{
  width:100vw;
  padding:90px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(50% - 84px);
  padding:0px 42px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:102px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 54px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:42px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:26px;
  line-height:42px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:30px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 54px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
}
#footer > .footer_container > .copyright > span{
  font-size:16px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:right;	
}
#footer > .footer_container > .social > ul{
  padding:18px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 10px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}




@media screen and (min-width : 415px) and (max-width : 480px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:70px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:24%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
  margin-right:-14px;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:48px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 42px auto;
}
#hero > .intro_text > .more_about_me{
  width:150px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:14px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-60%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:0;
}

#portfolio{
  width:100vw;
  padding:90px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#portfolio > .portfolio_title > p{
  width:90%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 66px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:290px;
  margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:290px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:290px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:290px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:290px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:290px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:108px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:290px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:290px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:290px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:290px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:290px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:290px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:290px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:290px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:90px 0px 90px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:440px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:38%;
  height:50px;
	margin-bottom:0px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:38%;
  height:50px;
  margin-left:5%;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:480px;
  top:0;
  right:0;
	overflow:hidden;
}
#education{
  width:100vw;
  padding:90px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 48px auto;
}
#education > .education_title > h1{
  width:100%;
  font-size:36px;
	line-height:44px;
}
#education > .education_title > p{
  width:90%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 24px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 24px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 24px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 24px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:180px; 
  padding:18px 0px 18px 0px;
  font-size:18px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:90px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 48px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:36px;
 }
#service > .service_title > p{
  width:90%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:30px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 24px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:100%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:90px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 48px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:90%;
  font-size:16px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:250px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:250px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:250px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:250px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:250px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:250px;
}
#client{
  width:100vw;
  padding:72px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:18px;
}
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:18px;
}
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:18px;
}
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:18px;
}
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:18px;
}
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:18px;
}
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:30px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(100% - 240px);
  padding:0px 120px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:90px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:36px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:28px;
  line-height:42px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:24px 0px 24px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:30px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 48px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:30px;
}
#footer > .footer_container > .copyright > span{
  font-size:16px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 18px 0px;
}
#footer > .footer_container > .social{
  float:left;
}
#footer > .footer_container > .social > ul{
  padding:0px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 18px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}



@media screen and (min-width : 376px) and (max-width : 414px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:60px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:3px;
  left:-6px;
  width:28%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:48px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:24px; 
 
  margin:0px auto 30px auto;
}
#hero > .intro_text > .more_about_me{
  width:145px;
  height:50px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:14px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-75%;
  
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:0;
}
#portfolio{
  width:100vw;
  padding:90px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#portfolio > .portfolio_title > p{
  width:90%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 66px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:280px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:100px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:280px;
  margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:100px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:280px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:100px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:280px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:100px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:280px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:100px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:280px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:100px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:250px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:90px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:250px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:90px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:250px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:90px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:0px 0px 90px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:480px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:45%;
  height:50px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:45%;
  height:50px;
  margin-left:5%;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:420px;
  top:0;
  right:0;
}
#education{
  width:100vw;
  padding:90px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 48px auto;
}
#education > .education_title > h1{
  width:100%;
  font-size:36px;
	line-height:42px;
 }
#education > .education_title > p{
  width:90%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 24px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 24px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 24px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:30px 0px 30px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 24px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 24px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 24px;
}

#hire{
  width:100vw;
  padding:72px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:200px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:90px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 48px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:36px;
 }
#service > .service_title > p{
  width:90%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 24px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:30px 0px 30px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 24px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 24px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 24px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:100%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:90px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 48px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:35px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:90%;
  font-size:16px;
	line-height:28px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:230px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:230px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:230px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:230px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:230px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:230px;
}
#client{
  width:100vw;
  padding:66px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:30px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:90px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:36px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:90%;
  font-size:24px;
  line-height:40px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:48px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:24px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 48px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:30px;
}
#footer > .footer_container > .copyright > span{
  font-size:16px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:left;
}
#footer > .footer_container > .social > ul{
  padding:0px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 10px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:24px;
}
}


@media screen and (min-width : 361px) and (max-width : 375px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:60px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:5px;
  left:-6px;
  width:30%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}

#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:48px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:18px; 
 
  margin:0px auto 30px auto;
}
#hero > .intro_text > .more_about_me{
  width:140px;
  height:45px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-90%;
  
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:-30%;
}
#portfolio{
  width:100vw;
  padding:90px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#portfolio > .portfolio_title > p{
  width:100%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 66px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:230px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:230px;
  margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:230px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:230px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:230px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_load_more{
  width:150px;
  height:50px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:17px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}

#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:90px 0px 90px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:380px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:45%;
  height:50px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:45%;
  height:50px;
  margin-left:5%;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:420px;
  top:0;
  right:0;
}
#education{
  width:100vw;
  padding:90px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 48px auto;
}
#education > .education_title > h1{
  width:100%;
  font-size:36px;
	line-height:40px;
 }
#education > .education_title > p{
  width:100%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 18px;
}

#hire{
  width:100vw;
  padding:66px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:46px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:200px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:90px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 48px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:36px;
 }
#service > .service_title > p{
  width:100%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 18px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:100%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:90px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 48px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:100%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:30px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:220px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:30px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:30px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:220px;
}
#client{
  width:100vw;
  padding:66px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:90px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:36px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:100%;
  font-size:24px;
  line-height:38px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:30px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:60px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:24px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 48px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:30px;
}
#footer > .footer_container > .copyright > span{
  font-size:16px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:left;
}
#footer > .footer_container > .social > ul{
  padding:0px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 10px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:22px;
}
}



@media screen and (min-width : 321px) and (max-width : 360px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:60px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:5px;
  left:-6px;
  width:30%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}
#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:48px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:18px; 
 
  margin:0px auto 30px auto;
}
#hero > .intro_text > .more_about_me{
  width:140px;
  height:45px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px 0px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-100%;
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:-35%;
}
#portfolio{
  width:100vw;
  padding:90px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#portfolio > .portfolio_title > p{
  width:100%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 66px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:230px;
  margin-bottom:24px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:230px;
  margin-left:0;
  margin-bottom:24px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:230px;
  margin-bottom:24px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:230px;
  margin-bottom:24px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:230px;
  margin-bottom:24px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:230px;
  margin-bottom:24px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:230px;
  margin-bottom:24px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:230px;
  margin-bottom:24px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:230px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_load_more{
  width:140px;
  height:45px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:15px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project{
  width:100%;
  margin-bottom:60px;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:90px 0px 90px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:340px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:45%;
  height:50px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:45%;
  height:50px;
  margin-left:5%;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .my_image{
  position:absolute;
  width:100%;
  height:390px;
}
#education{
  width:100vw;
  padding:90px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 48px auto;
}
#education > .education_title > h1{
  width:100%;
  font-size:36px;
	line-height:40px;
 }
#education > .education_title > p{
  width:100%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:218px;
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:218px;
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:218px;
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:218px;
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:218px;
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 18px;
}

#hire{
  width:100vw;
  padding:66px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:28px;
  font-weight:700;
  line-height:44px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:200px; 
  padding:18px 0px 18px 0px;
  font-size:20px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:90px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 48px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:36px;
 }
#service > .service_title > p{
  width:100%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:218px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 18px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:100%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:90px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 48px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:100%;
  font-size:16px;
	line-height:30px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:24px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:24px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:24px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:220px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:24px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:24px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:220px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:200px;
}
#client{
  width:100vw;
  padding:66px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:18px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(100% - 180px);
  padding:0px 90px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:90px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:36px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:100%;
  font-size:22px;
  line-height:38px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-bottom:24px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:30px 12px;
  margin-left:0;
  margin-bottom:24px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:48px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:30px 0px 30px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:24px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 48px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:30px;
}
#footer > .footer_container > .copyright > span{
  font-size:16px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:left;
}
#footer > .footer_container > .social > ul{
  padding:0px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 10px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:20px;
}
}



@media screen and (min-width : 240px) and (max-width : 320px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:60px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:30%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}
#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:48px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:18px; 
 
  margin:0px auto 30px auto;
}
#hero > .intro_text > .more_about_me{
  width:140px;
  height:45px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-115%;
  
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:-50%;
}
#portfolio{
  width:100vw;
  padding:90px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#portfolio > .portfolio_title > p{
  width:100%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 66px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:230px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:230px;
  margin-left:0;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:230px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:230px;
  margin-bottom:30px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:230px;
  margin-bottom:30px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:230px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_load_more{
  width:140px;
  height:45px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:14px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
  overflow:hidden;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:60px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:0px 0px 90px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:400px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 18px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:24px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:28px;
}
#about > .about_container > .about_me > .resume{
  width:45%;
  height:50px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:45%;
  height:50px;
  margin-left:2%;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .my_image{
  width:100%;
  height:360px;
}
#education{
  width:100vw;
  padding:90px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 48px auto;
}
#education > .education_title > h1{
  width:100%;
  font-size:36px;
	line-height:40px;
 }
#education > .education_title > p{
  width:100%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:230px;
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:220px;
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:220px;
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:220px;
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:220px;
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
	transform:translate(0,-50%);
  font-family:"Montserrat",sans-serif;
  font-size:220px;
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 18px;
}

#hire{
  width:100vw;
  padding:66px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:28px;
  font-weight:700;
  line-height:44px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:200px; 
  padding:18px 0px 18px 0px;
  font-size:18px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:90px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 48px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:36px;
 }
#service > .service_title > p{
  width:100%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:24px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:220px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 18px;	
}

#facts{
  width:100vw;
  padding:90px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:100%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:90px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 48px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:100%;
  font-size:16px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:24px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:200px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:24px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:200px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:24px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:200px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:24px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:200px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:24px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:200px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:200px;
}
#client{
  width:100vw;
  padding:66px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:30px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:90px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:36px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:100%;
  font-size:20px;
  line-height:34px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:24px 12px;
  margin-bottom:24px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:24px 12px;
  margin-left:0;
  margin-bottom:24px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:48px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:150px; 
  height:50px; 
  padding:15px 0px;
 }
#contact > .contact_container > .form > .form_message{
  padding:24px 0px 24px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:24px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:360px;
}

#footer{
  width:100vw;
  padding:54px 0px 48px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:30px;
}
#footer > .footer_container > .copyright > span{
  font-size:16px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:left;
}
#footer > .footer_container > .social > ul{
  padding:0px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 10px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:20px;
}
}



@media screen and (min-width : 0px) and (max-width : 239px){
#header{
  display:none;
}
#mobile_menu{
  display:block;
}
#mobile_menu > .head_wrap{
  height:60px;
}
#mobile_menu > .head_wrap > .mobile_header > .logo{
  top:8px;
  left:-6px;
  width:38%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu{ 
  width:60px;
  height:100%;
}
#mobile_menu > .head_wrap > .mobile_header > .menu > span{
  width:50%;
  border:1px solid rgba(32,32,32,1);
}
#hero{
  width:100vw;
  height:100vh;
}
#hero > .intro_text{
  width:90%;
}
#hero > .intro_text > h1{
  font-size:48px;
  margin:0px 0px 18px 0px;
}
#hero > .intro_text > p{
 
  font-size:18px; 
 
  margin:0px auto 30px auto;
}
#hero > .intro_text > .more_about_me{
  width:140px;
  height:45px;
  margin:auto;
}
#hero > .intro_text > .more_about_me > a > span{
  font-size:14px;
  padding:12px 0px;
}
#hero > .hero_background_solid{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_image > img{
  width:auto;
  min-height:100%;
  margin-left:-125%;
  
}
#hero > .hero_background_video{
  width:100vw;
  height:100vh;
}
#hero > .hero_background_video > video{
  width:auto;
  max-height:100%;
  margin-left:-50%;
}
#portfolio{
  width:100vw;
  padding:84px 0px;
}
#portfolio > .portfolio_title{
  width:90%;
  margin:0px auto 48px auto;
}
#portfolio > .portfolio_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#portfolio > .portfolio_title > p{
  width:100%;
  margin:0px;
  font-size:16px;
}
#portfolio > .portfolio_container{
  width:90%;
  margin:0px auto 60px auto;
  font-size:0px;
}
#portfolio > .portfolio_container > .p1{
  width:100%;
  height:200px;
  margin-bottom:18px;
}
#portfolio > .portfolio_container > .p1 > .p1_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p1:hover > .p1_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p2{
  width:100%;
  height:200px;
  margin-left:0;
  margin-bottom:18px;
}
#portfolio > .portfolio_container > .p2 > .p2_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p2:hover > .p2_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p3{
  width:100%;
  height:200px;
  margin-bottom:18px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p3 > .p3_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p3:hover > .p3_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p4{
  width:100%;
  height:200px;
  margin-bottom:18px;
}
#portfolio > .portfolio_container > .p4 > .p4_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p4:hover > .p4_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p5{
  width:100%;
  height:200px;
  margin-bottom:18px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p5 > .p5_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p5:hover > .p5_overlay > h3{
  opacity:1;
  padding:78px 0;
}
#portfolio > .portfolio_container > .p6{
  width:100%;
  height:200px;
  margin-bottom:18px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p6 > .p6_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p6:hover > .p6_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p7{
  width:100%;
  height:200px;
  margin-bottom:18px;
}
#portfolio > .portfolio_container > .p7 > .p7_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p7:hover > .p7_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p8{
  width:100%;
  height:200px;
  margin-bottom:18px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p8 > .p8_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p8:hover > .p8_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_container > .p9{
  width:100%;
  height:200px;
  margin-left:0;
}
#portfolio > .portfolio_container > .p9 > .p9_overlay > h3{
  padding:30px 0px 0px 0px;
}
#portfolio > .portfolio_container > .p9:hover > .p9_overlay > h3{
  opacity:1;
  padding:60px 0;
}
#portfolio > .portfolio_load_more{
  width:140px;
  height:45px;
  margin:auto;
}
#portfolio > .portfolio_load_more > a > span{
  font-size:14px;
  padding:15px 0px;
}
#casestudy{
  width:100vw;
  height:100vh;
}
#casestudy > .case_container_1{
  width:80%;
	display:none;
}
#casestudy > .case_container_1 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_1 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_1 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_1 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_1 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_1 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_2{
  width:80%;
	display:none;
}
#casestudy > .case_container_2 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_2 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_2 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_2 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_2 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_2 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_3{
  width:80%;
	display:none;
}
#casestudy > .case_container_3 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img2{
  width:100%;
  height:auto;
  margin-bottom:30px;
}
#casestudy > .case_container_3 > .case_img3{
  width:100%;
  height:auto;
  margin-bottom:30px;
  margin-left:0;
}
#casestudy > .case_container_3 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_3 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_3 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_3 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_4{
  width:80%;
	display:none;
}
#casestudy > .case_container_4 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_4 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:48px;
  margin-left:0;
}
#casestudy > .case_container_4 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_4 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_4 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_4 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_5{
  width:80%;
	display:none;
}
#casestudy > .case_container_5 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_5 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:48px;
  margin-left:0;
}
#casestudy > .case_container_5 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_5 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_5 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_5 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_6{
  width:80%;
	display:none;
}
#casestudy > .case_container_6 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_6 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:48px;
  margin-left:0;
}
#casestudy > .case_container_6 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_6 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_6 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_6 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_7{
  width:80%;
	display:none;
}
#casestudy > .case_container_7 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_7 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:48px;
  margin-left:0;
}
#casestudy > .case_container_7 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_7 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_7 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_7 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_8{
  width:80%;
	display:none;
}
#casestudy > .case_container_8 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_8 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:48px;
  margin-left:0;
}
#casestudy > .case_container_8 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_8 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_8 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_8 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#casestudy > .case_container_9{
  width:80%;
	display:none;
}
#casestudy > .case_container_9 > .case_img1{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img2{
  width:100%;
  height:200px;
  margin-bottom:30px;
}
#casestudy > .case_container_9 > .case_img3{
  width:100%;
  height:200px;
  margin-bottom:48px;
  margin-left:0;
}
#casestudy > .case_container_9 > .project > h1{
  margin:0px 0px 18px 0px;
  font-size:24px;
}
#casestudy > .case_container_9 > .project > .description{
  width:100%;
  height:auto;
}
#casestudy > .case_container_9 > .project > .description > p{
  margin:0px 0px 18px 0px;
  font-size:18px;
}
#casestudy > .case_container_9 > .project > .details{
  width:100%;
  height:auto;
  margin-left:0;
}
#about{
  width:100vw;
}
#about > .about_container{
  width:100%;
  padding:0px 0px 84px 0px;
  overflow:hidden;
}
#about > .about_container > .about_me{
  width:90%;
  margin:auto;
	margin:330px auto 0px auto;
}
#about > .about_container > .about_me > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
  font-weight:700;
}
#about > .about_container > .about_me > h3{
  margin:0px 0px 12px 0px;
  font-size:18px;
  line-height:32px;
}
#about > .about_container > .about_me > p{
  margin:0px 0px 36px 0px;
  font-size:16px;
  line-height:26px;
}
#about > .about_container > .about_me > .resume{
  width:100%;
  height:50px;
	margin-bottom:18px;
}
#about > .about_container > .about_me > .resume > a > span{
  padding:17px 0px;
  font-size:14px;
 }
#about > .about_container > .about_me > .contact_me{
  width:100%;
  height:50px;
  margin-left:0;
}
#about > .about_container > .about_me > .contact_me > a > span{
  padding:17px 0px;
  font-size:14px;
}
#about > .my_image{
  width:100%;
  height:300px;
}
#education{
  width:100vw;
  padding:84px 0px;
}
#education > .education_title{
  width:90%;
  margin:0px auto 48px auto;
}
#education > .education_title > h1{
  width:100%;
  font-size:36px;
	line-height:46px;
	word-break:break-all;
 }
#education > .education_title > p{
  width:100%;
  font-size:16px;
}
#education > .education_container{
  width:90%;
  margin:auto;
}
#education > .education_container > .e1{
  width:100%;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:180px;
	transform:translate(0,-50%);
}
#education > .education_container > .e1 > .e1_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e1 > .e1_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e2{
  width:100%;
	margin-left:0;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
	transform:translate(0,-50%);
}
#education > .education_container > .e2 > .e2_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e2 > .e2_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e3{
  width:100%;
	margin-left:0;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
	transform:translate(0,-50%);
}
#education > .education_container > .e3 > .e3_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e3 > .e3_details > p{
  font-size:16px;
	padding:0px 18px;
}

#education > .education_container > .e4{
  width:100%;
	margin-left:0;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
	transform:translate(0,-50%);
}
#education > .education_container > .e4 > .e4_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e4 > .e4_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5{
  width:100%;
	margin-left:0;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
	transform:translate(0,-50%);
}
#education > .education_container > .e5 > .e5_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e5 > .e5_details > p{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6{
  width:100%;
	margin-left:0;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#education > .education_container > .e6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
	transform:translate(0,-50%);
}
#education > .education_container > .e6 > .e6_details > h3{
  font-size:24px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > span{
  font-size:16px;
	padding:0px 18px;
}
#education > .education_container > .e6 > .e6_details > p{
  font-size:16px;
	padding:0px 18px;
}

#hire{
  width:100vw;
  padding:56px 0px;
}
#hire > .hire_container{
  width:90%;
  margin:auto;
}
#hire > .hire_container > .hire_me_content{
  width:100%;
	margin-bottom:30px;
}
#hire > .hire_container > .hire_me_content > h1{
  margin:0px;
  font-size:30px;
  font-weight:700;
  line-height:44px;
}
#hire > .hire_container > .hire_me_button{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:middle;
}
#hire > .hire_container > .hire_me_button > a > span{
  display:inline-block;
  width:200px; 
  padding:14px 0px 14px 0px;
  font-size:18px; 
}
#hire > img{
  width:auto;
  min-height:100%;
}

#service{
  width:100vw;
  padding:84px 0px;
}
#service > .service_title{
  width:90%;
  margin:0px auto 48px auto;
}
#service > .service_title > h1{
  width:100%;
  font-size:36px;
 }
#service > .service_title > p{
  width:100%;
  font-size:16px;
}
#service > .service_container{
  width:90%;
  margin:auto;
}
#service > .service_container > .s1{
  width:100%;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s1:after{
  content:"01";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:180px;
  transform:translate(0,-50%);
}
#service > .service_container > .s1 > .s1_details > .fa-camera-retro{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s1 > .s1_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s1 > .s1_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s2{
  width:100%;
	margin-left:0px;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s2:after{
  content:"02";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
  transform:translate(0,-50%);
}
#service > .service_container > .s2 > .s2_details > .fa-bullhorn{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s2 > .s2_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s2 > .s2_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s3{
  width:100%;
	margin-left:0px;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s3:after{
  content:"03";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
  transform:translate(0,-50%);
}
#service > .service_container > .s3 > .s3_details > .fa-adjust{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s3 > .s3_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s3 > .s3_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s4{
  width:100%;
	margin-left:0px;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s4:after{
  content:"04";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
  transform:translate(0,-50%);
}
#service > .service_container > .s4 > .s4_details > .fa-laptop{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s4 > .s4_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s4 > .s4_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s5{
  width:100%;
	margin-left:0px;
  margin-bottom:18px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s5:after{
  content:"05";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
  transform:translate(0,-50%);
}
#service > .service_container > .s5 > .s5_details > .fa-tablet{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s5 > .s5_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s5 > .s5_details > p{
  font-size:16px;
	padding:0px 18px;	
}
#service > .service_container > .s6{
  width:100%;
	margin-left:0px;
  margin-bottom:0px;
  padding:18px 0px 18px 0px;
}
#service > .service_container > .s6:after{
  content:"06";
  position:absolute;
  top:50%;
  right:0;
  font-family:"Montserrat",sans-serif;
  font-size:160px;
  transform:translate(0,-50%);
}
#service > .service_container > .s6 > .s6_details > .fa-at{
  font-size:42px;
	padding:0px 18px;
}
#service > .service_container > .s6 > .s6_details > h3{
  font-size:24px;
	padding:0px 18px;	
}
#service > .service_container > .s6 > .s6_details > p{
  font-size:16px;
	padding:0px 18px;	
}

#facts{
  width:100vw;
  padding:84px 0px;
}
#facts > .fact_container{
  width:90%;
}
#facts > .fact_container > .f1{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f1 > i.fa-heart{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f1 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f1 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f2{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f2 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f2 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f2 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f3{
  width:100%;
  padding:0px 0px;
	margin-bottom:60px;
}
#facts > .fact_container > .f3 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f3 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f3 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .fact_container > .f4{
  width:100%;
  padding:0px 0px;
	margin-bottom:0px;
}
#facts > .fact_container > .f4 > i.fa-paper-plane{
  margin:0px 0px 18px 0px;
  font-size:60px;
}
#facts > .fact_container > .f4 > h3{
  margin:0px 0px 12px 0px;
  font-size:36px;
}
#facts > .fact_container > .f4 > p{
  margin:0px 0px;
  font-size:16px;
}
#facts > .background_img{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#facts > .background_img > img{
  width:auto;
  min-height:100%;
}
#blog{
  width:100vw;
  padding:84px 0px;
}
#blog > .blog_title{
  width:90%;
  margin:0px auto 48px auto;
}
#blog > .blog_title > h1{
  margin:0px 0px 12px 0px;
  font-size:36px;
	width:100%;
}
#blog > .blog_title > p{
  margin:0px;
  width:100%;
  font-size:16px;
	line-height:28px;
}
#blog > .blog_container > .b1{
  width:100%; 
  margin-bottom:18px;
}
#blog > .blog_container > .b1 > a > .b1_img{
  width:100%; 
  height:180px;
}
#blog > .blog_container > .b2{
  width:100%;
  margin-left:0;
  margin-bottom:18px;
}
#blog > .blog_container > .b2 > a > .b2_img{
  width:100%; 
  height:180px;
}
#blog > .blog_container > .b3{
  width:100%;
  margin-left:0;
  margin-bottom:18px;
}
#blog > .blog_container > .b3 > a > .b3_img{
  width:100%;  
  height:200px;
}
#blog > .blog_container > .b4{
  width:100%;
  margin-bottom:18px;
}
#blog > .blog_container > .b4 > a > .b4_img{
  width:100%; 
  height:180px;
}
#blog > .blog_container > .b5{
  width:100%;
  margin-left:0;
  margin-bottom:18px;
}
#blog > .blog_container > .b5 > a > .b5_img{
  width:100%; 
  height:180px;
}
#blog > .blog_container > .b6{
  width:100%;
  margin-left:0;
	margin-bottom:0;
}
#blog > .blog_container > .b6 > a > .b6_img{
  width:100%; 
  height:180px;
}
#client{
  width:100vw;
  padding:84px 0px;
}
#client > .client_container{
  width:90%;
  margin:auto;
}
#client > .client_container > .c1{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c1 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c2{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c2 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c3{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c3 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c4{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c4 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c5{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c5 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c6{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c6 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c7{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:18px;
 }
#client > .client_container > .c7 > img{
  width:100%;
  min-height:100%;
}
#client > .client_container > .c8{
  width:calc(100% - 120px);
  padding:0px 60px;
  margin-bottom:0px;
 }
#client > .client_container > .c8 > img{
  width:100%;
  min-height:100%;
}
#contact{
  width:100%;
  padding:84px 0px;
}
#contact > .contact_title{
  width:90%;
  margin:0px auto 48px auto;
	overflow:hidden;
}
#contact > .contact_title > h1{
  margin:0px 0px 18px 0px;
  width:100%;
  font-size:36px;
}
#contact > .contact_title > p{
  margin:0px 0px;
  width:100%;
  font-size:22px;
  line-height:34px;
}
#contact > .contact_container{
  width:90%;
  margin:auto;
}
#contact > .contact_container > .form{
  width:100%;
  overflow:hidden;
}
#contact > .contact_container > .form > form > input.name{
  width:calc(100% - 28px);
  padding:24px 12px;
  margin-bottom:18px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.email{
  width:calc(100% - 28px);
  padding:24px 12px;
  margin-left:0;
  margin-bottom:18px;
  font-size:18px;
}
#contact > .contact_container > .form > form > textarea.message{
  width:calc(100% - 28px);
  height:220px;
  padding:18px 12px;
  margin-bottom:48px;
  font-size:18px;
}
#contact > .contact_container > .form > form > input.submit{
  width:140px; 
  height:45px; 
  padding:15px 0px;
  font-size:14px;
 }
#contact > .contact_container > .form > .form_message{
  padding:18px 0px 12px 0px;
  width:100%;
}
#contact > .contact_container > .details{
  width:calc(100% - 4px);
  margin-left:0;
  padding:24px 0px;
}
#contact > .contact_container > .details > .details_wrap{
  width:85%;
  margin:auto;
}
#contact > .contact_container > .details > .details_wrap > .address > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .phone > p{
  margin:0px 0px;
  font-size:18px;
}
#contact > .contact_container > .details > .details_wrap > .email > a{
  display:inline-block;
  margin:0px 0px;
  font-size:18px;
	word-break:break-all;
}
#contact > .contact_container > .details > i.fa-map-marker-alt{
  font-size:250px;
}

#footer{
  width:100vw;
  padding:54px 0px 48px 0px;
}
#footer > .footer_container{
  width:90%;
}
#footer > .footer_container > .copyright{
   /*float:left;*/
	margin-bottom:30px;
}
#footer > .footer_container > .copyright > span{
  font-size:14px;
}
#footer > .footer_container > .copyright > span:nth-of-type(1){
  margin:0px 0px 12px 0px;
}
#footer > .footer_container > .social{
  float:left;
}
#footer > .footer_container > .social > ul{
  padding:0px 0px 0px 0px;
  margin:0px;
}
#footer > .footer_container > .social > ul > li{
  padding:0px 8px;
}
#footer > .footer_container > .social > ul > li:last-child{
  padding-right:0px;
}
#footer > .footer_container > .social > ul > li:first-child{
  padding-left:0px;
}
#footer > .footer_container > .social > ul > li i{
  font-size:20px;
}
}