@charset "utf-8";
/* CSS Document */
/* Curious OnePage HTML Parallax Portfolio Template for agency, studio, personal use and for everyone*/

/* Curious OnePage HTML Parallax Portfolio Template*/
/* Stylesheet codes included for pages */
/* index_image.html */
/* index_video.html */
/* All codes rights reserved by Curious OnePage Portfolio Template */ 


@media screen and (min-width : 1682px) and (max-width : 1920px){
#mobilemenu{
	display:none;
}
#header > .wrapper > .logo{
	width:16%;
}
#header > .wrapper > .logo > a > img{
	top:-4px;
	left:-30px;
}
#header > .wrapper > .menu{
	width:50%;
	height:100%;
}
#header > .wrapper > .menu > ul > li > a{
	font-size:18px;
}
#home > .intro > h1{
	margin:0px;
	font-size:88px;
	line-height:96px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:40px;
}
#home > .intro > a > .readmore{
	width:160px;
	height:60px;
	margin-left:5px;
}
#home > .intro > a > .readmore > span{
	font-size:24px;
	line-height:60px;
}
#home > .intro > a > .buynow{
	width:160px;
	height:60px;
	margin-left:30px;
}
#home > .intro > a > .buynow > span{
	font-size:24px;
	line-height:60px;
}
#home > .intro > h1{
	margin:0px;
	font-size:88px;
	line-height:96px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:40px;
}
#home > .intro > a > .readmore{
	width:160px;
	height:60px;
	margin-left:5px;
}
#home > .intro > a > .readmore > span{
	font-size:24px;
	line-height:60px;
}
#home > .intro > a > .buynow{
	width:160px;
	height:60px;
	margin-left:30px;
}
#home > .intro > a > .buynow > span{
	font-size:24px;
	line-height:60px;
}
#homevideo > .videointro > h1{
	margin:0px;
	font-size:88px;
	line-height:96px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:40px;
}
#homevideo > .videointro > a > .readmore{
	width:160px;
	height:60px;
	margin-left:5px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:24px;
	line-height:60px;
}
#homevideo > .videointro > a > .buynow{
	width:160px;
	height:60px;
	margin-left:30px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:24px;
	line-height:60px;
}
#about > .about_heading > h2{
	padding-right:450px;
}
#about > .whatwedo > .w1 > p{
	font-size:16px;
}
#about > .whatwedo > .w2 > p{
	font-size:16px;
}
#about > .whatwedo > .w3 > p{
	font-size:16px;
}
#founded > .founded_intro > h1{
	padding:0px 200px;
}
#founded > .founded_intro > p{
	padding:0px 200px 0px 200px;
	font-size:16px;
}
#team > .teamcnt > .team_heading > p{
	font-size:18px;
	line-height:40px;
}
#team > .teamcnt > .m1{
	height:350px;
}
#team > .teamcnt > .m1 > .m1cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m1:hover > .m1cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m2{
	height:350px;
}
#team > .teamcnt > .m2 > .m2cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m2:hover > .m2cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m3{
	height:350px;
}
#team > .teamcnt > .m3 > .m3cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m3:hover > .m3cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m4{
	height:350px;
}
#team > .teamcnt > .m4 > .m4cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m4:hover > .m4cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m5{
	height:350px;
}
#team > .teamcnt > .m5 > .m5cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m5:hover > .m5cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m6{
	height:350px;
}
#team > .teamcnt > .m6 > .m6cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m6:hover > .m6cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m7{
	height:350px;
}
#team > .teamcnt > .m7 > .m7cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m7:hover > .m7cnt > h1{
	padding-top:150px;
}	
#service > .servcnt > .service_heading > p{
	font-size:18px;
	line-height:40px;
}
#service > .servcnt > .s1 > p{
	font-size:16px;
}
#service > .servcnt > .s2 > p{
	font-size:16px;
}
#service > .servcnt > .s3 > p{
	font-size:16px;
}
#service > .servcnt > .s4 > p{
	font-size:16px;
}
#service > .servcnt > .s5 > p{
	font-size:16px;
}
#service > .servcnt > .s6 > p{
	font-size:16px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	font-size:18px;
	line-height:40px;
}
#portfolio > .portcnt > .foliocnt > .f1{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f1 > a > .f1cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f1:hover > a > .f1cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f2{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f2 > a > .f2cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f2:hover > a > .f2cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f3{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f3 > a > .f3cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f3:hover > a > .f3cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f4{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f4 > a > .f4cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f4:hover > a > .f4cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f5{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f5 > a > .f5cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f5:hover > a > .f5cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f6{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f6 > a > .f6cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f6:hover > a > .f6cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f7{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f7 > a > .f7cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f7:hover > a > .f7cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f8{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f8 > a > .f8cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f8:hover > a > .f8cnt > h1{
	padding-top:160px;
}	
#portfolio > .portcnt > .foliocnt > .f9{
	height:350px;
}
#portfolio > .portcnt > .foliocnt > .f9 > a > .f9cnt > h1{
	padding-top:150px;
}
#portfolio > .portcnt > .foliocnt > .f9:hover > a > .f9cnt > h1{
	padding-top:160px;
}	
#client_logo > .cl1{
	height:250px;
}
#blog > .blogcnt > .blog_heading > p{
	font-size:18px;
	line-height:40px;
}
#blog > .blogcnt > .b1 > .b1cnt > p{
	font-size:16px;
}
#blog > .blogcnt > .b2 > .b2cnt > p{
	font-size:16px;
}
#blog > .blogcnt > .b3 > .b3cnt > p{
	font-size:16px;
}
#blog > .blogcnt > .b1 > .b1cnt > a > span{
	font-size:16px;
}
#blog > .blogcnt > .b2 > .b2cnt > a > span{
	font-size:16px;
}
#blog > .blogcnt > .b3 > .b3cnt > a > span{
	font-size:16px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:18px;
	line-height:40px;
}
#contact > .contactcnt > .contact_form > form > .name{
	font-size:16px;
}
#contact > .contactcnt > .contact_form > form > .email{
	font-size:16px;
}
#contact > .contactcnt > .contact_form > form > .phone{
	font-size:16px;
}
#contact > .contactcnt > .contact_form > form > .subject{
	font-size:16px;
}
#contact > .contactcnt > .contact_form > form > .message{
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	font-size:32px;
}
#footer > .footer_heading > p{
	font-size:18px;
	line-height:32px;
}
#footer > .office > .f1 > p{
	font-size:18px;
}
#footer > .office > .f2 > p{
	font-size:18px;
}
#footer > .social > p{
	font-size:18px;
}
#footer > .copyright > span{
	font-size:16px;
	padding-top:20px;
}
}

@media screen and (min-width : 1442px) and (max-width : 1680px){
#mobilemenu{
	display:none;
}
#header > .wrapper > .logo{
	width:16%;
}
#header > .wrapper > .logo > a > img{
	top:0px;
	left:-30px;
}
#header > .wrapper > .menu{
	width:53%;
	height:100%;
}
#header > .wrapper > .menu > ul > li > a{
	font-size:18px;
}
#home > .intro > h1{
	margin:0px;
	font-size:88px;
	line-height:96px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:40px;
}
#home > .intro > a > .readmore{
	width:160px;
	height:60px;
	margin-left:5px;
}
#home > .intro > a > .readmore > span{
	font-size:24px;
	line-height:60px;
}
#home > .intro > a > .buynow{
	width:160px;
	height:60px;
	margin-left:30px;
}
#home > .intro > a > .buynow > span{
	font-size:24px;
	line-height:60px;
}
#home > .intro > h1{
	margin:0px;
	font-size:88px;
	line-height:96px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:40px;
}
#home > .intro > a > .readmore{
	width:160px;
	height:60px;
	margin-left:5px;
}
#home > .intro > a > .readmore > span{
	font-size:24px;
	line-height:60px;
}
#home > .intro > a > .buynow{
	width:160px;
	height:60px;
	margin-left:30px;
}
#home > .intro > a > .buynow > span{
	font-size:24px;
	line-height:60px;
}
#homevideo > .videointro > h1{
	margin:0px;
	font-size:88px;
	line-height:96px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:40px;
}
#homevideo > .videointro > a > .readmore{
	width:160px;
	height:60px;
	margin-left:5px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:24px;
	line-height:60px;
}
#homevideo > .videointro > a > .buynow{
	width:160px;
	height:60px;
	margin-left:30px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:24px;
	line-height:60px;
}
#about > .about_heading > h2{
	padding-right:250px;
}
#founded > .founded_intro > h1{
	padding:0px 150px;
}
#founded > .founded_intro > p{
	padding:0px 150px 0px 150px;
}
#team > .teamcnt > .m1{
	height:350px;
}
#team > .teamcnt > .m1 > .m1cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m1:hover > .m1cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m2{
	height:350px;
}
#team > .teamcnt > .m2 > .m2cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m2:hover > .m2cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m3{
	height:350px;
}
#team > .teamcnt > .m3 > .m3cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m3:hover > .m3cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m4{
	height:350px;
}
#team > .teamcnt > .m4 > .m4cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m4:hover > .m4cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m5{
	height:350px;
}
#team > .teamcnt > .m5 > .m5cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m5:hover > .m5cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m6{
	height:350px;
}
#team > .teamcnt > .m6 > .m6cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m6:hover > .m6cnt > h1{
	padding-top:150px;
}	
#team > .teamcnt > .m7{
	height:350px;
}
#team > .teamcnt > .m7 > .m7cnt > h1{
	padding-top:130px;
}
#team > .teamcnt > .m7:hover > .m7cnt > h1{
	padding-top:150px;
}	
#portfolio > .portcnt > .foliocnt > .f1{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	height:300px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	height:300px;
}
#client_logo > .cl1{
	height:250px;
}
}

@media screen and (min-width : 1362px) and (max-width : 1440px){
#mobilemenu{
	display:none;
}
#homevideo > video{
	width:100%;
	min-height:100%;
}
#founded > .founded_intro > h1{
	padding:0px 0px 0px 100px;
}
#founded > .founded_intro > p{
	padding:0px 100px 0px 100px;
}
}

@media screen and (min-width : 1282px) and (max-width : 1360px){
#mobilemenu{
	display:none;
}
#homevideo > video{
	width:auto;
	min-height:100%;
}
}

@media screen and (min-width : 1082px) and (max-width : 1280px){
#mobilemenu{
	display:none;
}
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
  display:block;
  height:80px;
}
#header > .wrapper > .logo{
	width:18%;
}
#header > .wrapper > .logo > a > img{
	top:1px;
	left:-30px;
}
#header > .wrapper > .menu > ul{
	padding-top:20px;
}
#header > .wrapper > .menu > ul > li{
	padding:0px 15px;
}
#homevideo > video{
	width:auto;
	min-height:100%;
}
#founded{
	height:500px;
}
#blog > .blogcnt > .b1{
	height:500px;
}
#blog > .blogcnt > .b2{
	height:500px;
}
#blog > .blogcnt > .b3{
	height:500px;
}
}

@media screen and (min-width : 1026px) and (max-width : 1080px){
#mobilemenu{
	display:none;
}
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
  display:block;
  height:80px;
}
#header > .wrapper{
	width:86%;
	height:100%;
}
#header > .wrapper > .logo{
	width:20%;
}
#header > .wrapper > .logo > a > img{
	top:5px;
	left:-20px;
}
#header > .wrapper > .menu{
	width:64%;
	height:100%;
}
#header > .wrapper > .menu > ul{
	padding:20px 0px;
}
#header > .wrapper > .menu > ul > li{
	padding:0px 10px;
}
#header > .wrapper > .menu > ul > li:last-child{
	padding-right:0;
}
#home{
	width:100vw;
	height:100vh;
}
#home > .intro{
	width:70%;
	height:auto;
	top:calc(100vh - 75%); 
	left:calc(100% - 90%);
}
#home > .intro > h1{
	margin:0px;
	font-size:68px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > .videointro{
	width:70%;
	height:auto;
	top:calc(100vh - 75%); 
	left:calc(100% - 90%);
}
#homevideo > .videointro > h1{
	font-size:68px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > video{
	width:auto;
	min-height:100%;
}
#founded{
	width:100vw;
	height:550px;
}
#founded > .founded_image{
	width:40%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}
#team > .teamcnt > .team_heading > p{
	width:70%;
}
#team > .teamcnt > .m1{
	width:31%;
	height:300px;
}
#team > .teamcnt > .m2{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m3{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m4{
	width:31%;
	height:300px;
	margin-left:0;
	margin-bottom:40px;
}
#team > .teamcnt > .m5{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m6{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m7{
	width:31%;
	height:300px;
	margin-left:0;
}
#service > .servcnt > .service_heading > p{
	width:70%;
}
#service > .servcnt > .s1{
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s2{
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s3{
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s4{
	height:auto;
}
#service > .servcnt > .s5{
	height:auto;
}
#service > .servcnt > .s6{
	height:auto;
}
#portfolio > .portcnt > .portfolio_heading > p{
	width:70%;
}
#blog > .blogcnt > .blog_heading > p{
	width:70%;
}
#blog{
	padding-bottom:20px;
}
#blog > .blogcnt > .b1{
	width:32%;
	height:550px;
}
#blog > .blogcnt > .b2{
	width:32%;
	height:550px;
	margin-left:2%;
}
#blog > .blogcnt > .b3{
	width:32%;
	height:550px;
	margin-left:2%;
}
#contact > .contactcnt > .contact_heading > p{
	width:70%;
}
#footer{
	width:100vw;
	height:450px;
}
#footer > .footer_heading{
	width:100%;
	height:200px;
	padding:0;
}
#footer > .footer_heading > p{
	padding-right:80px;
}
#footer > .office{
	width:60%;
	height:100%;
}
#footer > .office > h1{
	padding-left:40px;
}
#footer > .office > .f1 > h1{
	padding-left:40px;
}
#footer > .office > .f1 > p{
	padding-left:40px;
}
#footer > .social{
	width:40%;
	height:100%;
}
}

@media screen and (min-width : 908px) and (max-width : 1024px){
#mobilemenu{
	display:none;
}
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
  display:block;
  height:80px;
}
#header > .wrapper{
	width:90%;
	height:100%;
}
#header > .wrapper > .logo{
	width:20%;
}
#header > .wrapper > .logo > a > img{
	top:5px;
	left:-20px;
}
#header > .wrapper > .menu{
	width:64%;
	height:100%;
}
#header > .wrapper > .menu > ul{
	padding:20px 0px;
}
#header > .wrapper > .menu > ul > li{
	padding:0px 10px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > .intro{
	width:70%;
	height:auto;
	top:calc(100vh - 75%); 
	left:calc(100% - 90%);
}
#home > .intro > h1{
	margin:0px;
	font-size:68px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > .videointro{
	width:70%;
	height:auto;
	top:calc(100vh - 75%); 
	left:calc(100% - 90%);
}
#homevideo > .videointro > h1{
	font-size:68px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > video{
	width:auto;
	min-height:100%;
}
#founded{
	width:100vw;
	height:550px;
}
#founded > .founded_image{
	width:40%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}
#team > .teamcnt > .team_heading > p{
	width:60%;
}
#team > .teamcnt > .m1{
	width:31%;
	height:300px;
}
#team > .teamcnt > .m2{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m3{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m4{
	width:31%;
	height:300px;
	margin-left:0;
	margin-bottom:40px;
}
#team > .teamcnt > .m5{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m6{
	width:31%;
	height:300px;
	margin-left:3%;
}
#team > .teamcnt > .m7{
	width:31%;
	height:300px;
	margin-left:0;
}
#service > .servcnt > .service_heading > p{
	width:60%;
}
#service > .servcnt > .s1{
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s2{
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s3{
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s4{
	height:auto;
}
#service > .servcnt > .s5{
	height:auto;
}
#service > .servcnt > .s6{
	height:auto;
}
#portfolio > .portcnt > .portfolio_heading > p{
	width:60%;
}
#blog > .blogcnt > .blog_heading > p{
	width:60%;
}
#blog > .blogcnt > .b1{
	width:32%;
	height:520px;
}
#blog > .blogcnt > .b2{
	width:32%;
	height:520px;
	margin-left:2%;
}
#blog > .blogcnt > .b3{
	width:32%;
	height:520px;
	margin-left:2%;
}
#contact > .contactcnt > .contact_heading > p{
	width:60%;
}
#footer{
	width:100vw;
	height:460px;
}
#footer > .footer_heading{
	width:90%;
	height:auto;
	padding:0;
	margin-bottom:32px;
}
#footer > .office{
	width:60%;
	height:auto;
	margin-bottom:32px;
	padding-left:20px;
}
#footer > .office > h1{
	padding-left:30px;
}
#footer > .office > .f1 > h1{
	padding-left:30px;
}
#footer > .office > .f1 > p{
	padding-left:30px;
}
#footer > .social{
	width:30%;
	height:100%;
}
}
@media screen and (min-width : 802px) and (max-width : 906px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:20%;
	height:auto;
	left:-8px;
	top:-3px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-20%;
}
#home > .intro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:60px;
	line-height:70px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-30%;
}
#homevideo > .videointro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:60px;
	line-height:70px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:46px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:40px;
	padding-right:40px;
	line-height:56px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:48%;
	height:auto;
	margin-bottom:20px;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:48%;
	margin-left:4%;
	margin-bottom:20px;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:48%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#founded{
	width:100vw;
	height:560px;
	font-size:0px;
}
#founded > .founded_image{
	width:50%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:50%;
	height:400px;
	padding:80px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding:10px 20px 0px 40px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 40px 0px 40px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	line-height:32px;
	width:80%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:32%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:32%;
	height:280px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:32%;
	height:280px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:32%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:32%;
	height:280px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:32%;
	height:280px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:32%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:16px;
	width:80%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#service > .servcnt > .s1{
	width:48%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:330px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:33%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:33%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:33%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:80%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 10px 10px 10px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(33% - 20px);
	height:240px;
	margin:10px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 40%);
	height:calc(100vh - 60%);
	position:relative;
	top:30%;
	left:50%;
	transform:translate(-50%,-30%);
}
#like_what_vdo{
	width:100vw;
	height:100px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 60px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:80%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:48%;
	height:580px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b2{
	width:48%;
	height:580px;
	margin-left:4%;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b3{
	width:48%;
	height:530px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:270px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(25% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:16px;
	width:80%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	margin:0px 0px 32px 2%;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 2%;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:62%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:38%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 770px) and (max-width : 800px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:22%;
	height:auto;
	left:-8px;
	top:-3px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-20%;
}
#home > .intro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:60px;
	line-height:70px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-30%;
}
#homevideo > .videointro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:60px;
	line-height:70px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:46px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:36px;
	padding-right:20px;
	line-height:56px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:48%;
	height:auto;
	margin-bottom:20px;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:48%;
	margin-left:4%;
	margin-bottom:20px;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:48%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#founded{
	width:100vw;
	height:580px;
	font-size:0px;
}
#founded > .founded_image{
	width:50%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:50%;
	height:400px;
	padding:80px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding:10px 20px 0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	line-height:32px;
	width:95%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:32%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:32%;
	height:250px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:32%;
	height:250px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:32%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:32%;
	height:250px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:32%;
	height:250px;
	margin-left:2%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:32%;
	height:250px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:16px;
	width:90%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#service > .servcnt > .s1{
	width:48%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:330px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:33%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:33%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:33%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 40%);
	height:calc(100vh - 60%);
	position:relative;
	top:30%;
	left:50%;
	transform:translate(-50%,-30%);
}
#like_what_vdo{
	width:100vw;
	height:120px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 60px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:48%;
	height:580px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b2{
	width:48%;
	height:580px;
	margin-left:4%;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b3{
	width:48%;
	height:540px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:270px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(25% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:16px;
	width:90%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	margin:0px 0px 32px 2%;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 2%;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:62%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:38%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 738px) and (max-width : 768px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:23%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-20%;
}
#home > .intro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:60px;
	line-height:64px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-30%;
}
#homevideo > .videointro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:60px;
	line-height:64px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:46px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:32px;
	padding-right:10px;
	line-height:48px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:20px;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#founded{
	width:100vw;
	height:600px;
	font-size:0px;
}
#founded > .founded_image{
	width:50%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:50%;
	height:400px;
	padding:66px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding:10px 20px 0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	line-height:32px;
	width:80%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:16px;
	width:80%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:48%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:330px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:30%;
	height:220px;
	padding:40px 0px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:30%;
	height:220px;
	padding:40px 0px;
	margin-left:3%;
}
#awards > .awcnt > .a2 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:30%;
	height:220px;
	padding:40px 0px;
	margin-left:4%;
}
#awards > .awcnt > .a3 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:80%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 40%);
	height:calc(100vh - 60%);
	position:relative;
	top:30%;
	left:50%;
	transform:translate(-50%,-30%);
}
#like_what_vdo{
	width:100vw;
	height:140px;
	padding:60px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:32px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 8px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:80%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:48%;
	height:580px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b2{
	width:48%;
	height:580px;
	margin-left:4%;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b3{
	width:48%;
	height:550px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:270px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(25% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:16px;
	width:80%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	margin:0px 0px 32px 2%;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 2%;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 50px 0px 20px;
}
#footer > .office{
	width:62%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:38%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 669px) and (max-width : 736px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:23%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-20%;
}
#home > .intro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:60px;
	line-height:64px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-30%;
}
#homevideo > .videointro{
	width:75%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:60px;
	line-height:64px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:46px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:32px;
	padding-right:10px;
	line-height:48px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	padding-right:50px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:20px;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
	padding-right:50px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	padding-right:50px;
}
#founded{
	width:100vw;
	height:600px;
	font-size:0px;
}
#founded > .founded_image{
	width:50%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:50%;
	height:400px;
	padding:66px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding:10px 20px 0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	line-height:32px;
	width:85%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:16px;
	width:85%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:48%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:48%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:48%;
	height:auto;
	margin-left:4%;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:330px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:30%;
	height:220px;
	padding:40px 0px;
	margin-left:0;
}
#awards > .awcnt > .a1 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:30%;
	height:220px;
	padding:40px 0px;
	margin-left:4%;
}
#awards > .awcnt > .a2 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:30%;
	height:220px;
	padding:40px 0px;
	margin-left:4%;
}
#awards > .awcnt > .a3 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:85%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 40%);
	height:calc(100vh - 60%);
	position:relative;
	top:30%;
	left:50%;
	transform:translate(-50%,-30%);
}
#like_what_vdo{
	width:100vw;
	height:140px;
	padding:60px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:32px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 8px 15px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:85%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:48%;
	height:580px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b2{
	width:48%;
	height:580px;
	margin-left:4%;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b3{
	width:48%;
	height:550px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:270px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(25% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:16px;
	width:85%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	margin:0px 0px 32px 2%;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 2%;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 80px 0px 20px;
}
#footer > .office{
	width:62%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:38%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 642px) and (max-width : 667px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:25%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:56px;
	line-height:60px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-50%;
}
#homevideo > .videointro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:56px;
	line-height:60px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:48px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:28px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:98%;
	height:auto;
	margin-bottom:20px;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:98%;
	margin-left:0;
	margin-bottom:20px;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:98%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#founded{
	width:100vw;
	height:700px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:320px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding:10px 20px 0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:16px;
	width:90%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:98%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:700px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:140px;
	padding:60px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:32px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:520px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:520px;
	margin-left:0;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:500px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:270px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(33.3% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:16px;
	width:90%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	margin:0px 0px 32px 2%;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 2%;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:62%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:38%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 603px) and (max-width : 640px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:25%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:54px;
	line-height:60px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-70%;
}
#homevideo > .videointro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:54px;
	line-height:60px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:48px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:28px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:98%;
	height:auto;
	margin-bottom:20px;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:98%;
	margin-left:0;
	margin-bottom:20px;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:98%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-size:32px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#founded{
	width:100vw;
	height:700px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:320px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding:10px 20px 0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:16px;
	width:90%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:98%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:15px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:700px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:56px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:140px;
	padding:60px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:32px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:16px;
	line-height:32px;
	width:90%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:520px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:520px;
	margin-left:0;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:270px;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:480px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:270px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(33.3% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:32px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:16px;
	width:90%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	margin:0px 0px 32px 2%;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 2%;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:0px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:50%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 570px) and (max-width : 601px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:28%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:54px;
	line-height:60px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-70%;
}
#homevideo > .videointro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:54px;
	line-height:60px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:42px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:26px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:95%;
	height:auto;
	margin-bottom:32px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:95%;
	margin-left:0;
	margin-bottom:32px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:95%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#founded{
	width:100vw;
	height:660px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:290px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:28px;
	width:90%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}
#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	line-height:28px;
	width:90%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:32px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:32px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:32px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:32px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:32px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:680px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:32px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:28px;
	width:90%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:140px;
	padding:60px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:28px;
	width:90%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:500px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:250px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:500px;
	margin-left:0;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:250px;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:460px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:250px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:90%;
	line-height:28px;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:20px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 482px) and (max-width : 568px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:30%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:48px;
	line-height:56px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-70%;
}
#homevideo > .videointro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:48px;
	line-height:56px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:42px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:26px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:95%;
	height:auto;
	margin-bottom:32px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	padding-right:30px;
}
#about > .whatwedo > .w2{
	width:95%;
	margin-left:0;
	margin-bottom:32px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
	padding-right:30px;
}
#about > .whatwedo > .w3{
	width:95%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	padding-right:30px;
}
#founded{
	width:100vw;
	height:650px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:280px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:32px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:28px;
	width:95%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:48%;
	height:280px;
	margin-left:4%;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:48%;
	height:280px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	width:95%;
	line-height:28px;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#service > .servcnt > .s1{
	width:98%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:98%;
	height:auto;
	margin-bottom:40px;
	margin-left:0;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:40px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:98%;
	height:auto;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:690px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:28px;
	width:95%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:140px;
	padding:60px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:28px;
	width:95%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:520px;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:250px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:520px;
	margin-left:0;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:250px;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:480px;
	margin-left:0;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:250px;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:95%;
	line-height:28px;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:24px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 416px) and (max-width : 480px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:34%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:46px;
	line-height:52px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-100%;
}
#homevideo > .videointro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:46px;
	line-height:52px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}

#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:48px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:42px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:26px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	padding-right:30px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:32px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
	padding-right:30px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	padding-right:30px;
}

#founded{
	width:100vw;
	height:670px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:260px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:32px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:28px;
	width:100%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:50%;
	height:250px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	width:100%;
	line-height:26px;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 30px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 30px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 30px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 30px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 30px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:100%;
	height:auto;
	margin-bottom:0px;
	margin-left:0;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 30px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:680px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:40px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:26px;
	width:100%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(50% - 10px);
	height:240px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:120px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:26px;
	width:100%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:470px;
	margin-bottom:24px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:470px;
	margin-bottom:24px;
	margin-left:0;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:450px;
	margin-left:0;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:100%;
	line-height:26px;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:20px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:50%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 377px) and (max-width : 414px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:40%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:44px;
	line-height:48px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-140%;
}
#homevideo > .videointro{
	width:80%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:44px;
	line-height:48px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}

#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:40px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:24px;
	padding-right:40px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:24px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:24px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}

#founded{
	width:100vw;
	height:720px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:250px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:32px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:24px;
	width:95%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:100%;
	height:320px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	width:95%;
	line-height:24px;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:100%;
	height:auto;
	margin-left:0;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:690px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:32px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	width:98%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:180px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	width:98%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:500px;
	margin-bottom:20px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:500px;
	margin-left:0;
	margin-bottom:20px;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:470px;
	margin-left:0;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:32px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:26px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:100%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:20px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 20px 0px 20px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:26px;
	padding-left:20px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:100%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:20px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:20px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:26px;
	padding-left:20px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:20px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:10px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:20px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 362px) and (max-width : 375px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:45%;
	height:auto;
	left:-8px;
	top:-4px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:85%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:42px;
	line-height:48px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-140%;
}
#homevideo > .videointro{
	width:85%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:42px;
	line-height:48px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}

#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:36px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:24px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:24px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:24px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}

#founded{
	width:100vw;
	height:730px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:220px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:32px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:24px;
	width:96%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m2{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m3{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m4{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m5{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m6{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:30px;
}
#team > .teamcnt > .m7{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	width:98%;
	line-height:24px;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:100%;
	height:auto;
	margin-bottom:0px;
	margin-left:0;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:690px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:32px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	width:98%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:180px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
	padding:0px 20px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
	width:95%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:550px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:550px;
	margin-left:0;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:490px;
	margin-left:0;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:32px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:100%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:20px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:24px;
	padding-left:10px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 10px 0px 10px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:24px;
	padding-left:10px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:10px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:10px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:100%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:10px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:10px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:24px;
	padding-left:10px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:10px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:0px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:25px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 322px) and (max-width : 360px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:50%;
	height:auto;
	left:-8px;
	top:-6px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:85%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:40px;
	line-height:48px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-140%;
}
#homevideo > .videointro{
	width:85%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:40px;
	line-height:48px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}

#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:36px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:24px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:24px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:24px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}

#founded{
	width:100vw;
	height:730px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:200px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:32px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:32px;
	width:100%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m2{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m3{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m4{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m5{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m6{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m7{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	width:100%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:100%;
	margin-left:0;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:100%;
	height:auto;
	margin-bottom:32px;
	margin-left:0;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:100%;
	height:auto;
	margin-bottom:0px;
	margin-left:0;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:680px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:32px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:32px;
	width:100%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:180px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 40px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:32px;
	width:100%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:550px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:550px;
	margin-left:0;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:510px;
	margin-left:0;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:32px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:100%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:20px;
	margin-bottom:48px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:24px;
	padding-left:10px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 10px 0px 10px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:24px;
	padding-left:10px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:10px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:10px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:100%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:10px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:10px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:24px;
	padding-left:10px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:10px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:0px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:15px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}

@media screen and (min-width : 240px) and (max-width : 320px){
#loader > .loading{
  top:50%;
  left:53%;
  transform:translate(-53%,-50%);
}
#header{
	display:none;
}
#mobilemenu{
	height:60px;
	display:block;
}
#mobilemenu > .mlogo{
	width:50%;
	height:auto;
	left:-8px;
	top:-2px;
	position:relative;
}
#mobilemenu > .burgermenu{
	padding:0px;
	right:20px;
	top:15px;
}
#mobilemenu > .burgermenu > span{
	width:25px;
	height:2px;
	margin:6px 0px;
}
#home{
	width:100vw;
	height:100vh;
}
#home > img{
	width:auto;
	min-height:100%;
	margin-left:-50%;
}
#home > .intro{
	width:85%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#home > .intro > h1{
	font-size:40px;
	line-height:48px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#home > .intro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#home > .intro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#home > .intro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo{
	width:100vw;
	height:100vh;
}
#homevideo > video{
	width:auto;
	height:120%;
	opacity:0.2;
	margin-left:-140%;
}
#homevideo > .videointro{
	width:85%;
	top:calc(100vh - 75%);
	left:calc(100vw - 93%);
}
#homevideo > .videointro > h1{
	font-size:40px;
	line-height:48px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a > .readmore{
	width:120px;
	height:48px;
	margin-left:0px;
	margin-bottom:24px;
}
#homevideo > .videointro > a > .readmore > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}
#homevideo > .videointro > a > .buynow{
	width:120px;
	height:48px;
	margin-left:10px;
}
#homevideo > .videointro > a > .buynow > span{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height:50px;
}

#about{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#about > .about_heading{
	width:90%;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	margin:0px;
	font-size:38px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	margin:0px;
	font-size:24px;
	padding-right:10px;
	line-height:40px;
}
#about > .about_heading > h1 > span{
	width:8px;
	height:8px;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:100%;
	height:auto;
	margin-bottom:24px;
}
#about > .whatwedo > .w1 > h1{
	margin:0px 0px 8px 0px;
	font-size:24px;
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:100%;
	margin-left:0;
	margin-bottom:24px;
}
#about > .whatwedo > .w2 > h1{
	margin:0px 0px 8px 0px;
	font-size:24px;
}
#about > .whatwedo > .w2 > p{
	font-size:14px;
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:100%;
	height:auto;
	margin-left:0;
}
#about > .whatwedo > .w3 > h1{
	margin:0px 0px 8px 0px;
	font-size:24px;
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-size:14px;
	line-height:24px;
}

#founded{
	width:100vw;
	height:730px;
	font-size:0px;
}
#founded > .founded_image{
	width:100%;
	height:200px;
	background: url(../images/home_background/2.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
}
#founded > .founded_intro{
	width:100%;
	height:400px;
	padding:40px 0px;
}
#founded > .founded_intro > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding:0px 20px;
}
#founded > .founded_intro > p{
	margin:0px;
	font-size:14px;
	padding:0px 20px 0px 20px;
	line-height:24px;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#team > .teamcnt{
	width:90%;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:32px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:32px;
	width:100%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m2{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m3{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m4{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m5{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m6{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:20px;
}
#team > .teamcnt > .m7{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:0px;
}

#service{
	width:100vw;
	padding:60px 0px 60px 0px;
}
#service > .servcnt{
	width:90%;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-size:14px;
	width:100%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}

#service > .servcnt > .s1{
	width:100%;
	height:300px;
	margin-bottom:10px;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:10px;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:10px;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:10px;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:10px;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:100%;
	height:300px;
	margin-left:0;
	margin-bottom:0px;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-size:24px;
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-size:14px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#awards{
	width:100vw;
	height:680px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#awards > .awcnt > .a1{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a1 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a1 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a2 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a2 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:100%;
	height:220px;
}
#awards > .awcnt > .a3 > .fa{
	font-size:48px;
	padding-top:40px;
}
#awards > .awcnt > .a3 > p{
	font-size:32px;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	margin:0px;
}
#portfolio{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#portfolio > .portcnt{
	width:90%;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	margin-bottom:32px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-size:14px;
	line-height:32px;
	width:100%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:16px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	font-size:14px;
	padding:12px 18px 10px 18px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f2{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f3{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f4{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f5{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f6{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f7{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f8{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio > .portcnt > .foliocnt > .f9{
	width:calc(100% - 10px);
	height:260px;
	margin:5px;
}
#portfolio_overlay{
	width:100vw;
	height:100vh;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	top:30px;
	right:30px;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 20%);
	height:calc(100vh - 40%);
	position:relative;
}
#like_what_vdo{
	width:100vw;
	height:180px;
	padding:40px 0px 0px 0px;
}
#like_what_vdo > .like_what_vdo_heading{
	width:100%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	font-size:24px;
	line-height:40px;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	padding:5px 15px 5px 15px;
	margin-top:10px;
}
#blog{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#blog > .blogcnt{
	width:90%;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-size:14px;
	line-height:32px;
	width:100%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:100%;
	height:550px;
}
#blog > .blogcnt > .b2{
	width:100%;
	height:550px;
	margin-left:0;
}
#blog > .blogcnt > .b3{
	width:100%;
	height:550px;
	margin-left:0;
}
#client_logo{
	width:100vw;
	height:auto;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo > .cl1{
	width:calc(50% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
}
#contact{
	width:100vw;
	height:auto;
	padding:60px 0px 60px 0px;
}
#contact > .contactcnt{
	width:90%;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	margin-bottom:32px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-size:24px;
	padding-top:0px;
}
#contact > .contactcnt > .contact_heading > p{
	font-size:14px;
	width:100%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	width:100%;
	height:auto;
}
#contact > .contactcnt > .contact_form > form > .name{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .email{
	width:100%;
	height:60px;
	margin:0px 0px 32px 0;
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:100%;
	height:60px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:100%;
	height:60px;
	font-size:13px;
	margin:0px 0px 48px 0;
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-size:13px;
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-size:16px;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	font-size:16px;
	margin-bottom:40px;
}
#contact > .contactcnt > .contact_map{
	width:100%;
	height:260px;
	margin-left:0;
}
#footer{
	width:100vw;
	height:auto;
	padding:40px 0px 40px 0px;
}
#footer > .footer_heading{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	font-size:24px;
	padding-left:10px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	font-size:16px;
	line-height:24px;
	padding:0px 10px 0px 10px;
}
#footer > .office{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	font-size:24px;
	padding-left:10px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:10px;
}
#footer > .office > .f1 > p{
	margin:0px;
	font-size:16px;
	padding-left:10px;
	margin-bottom:8px;
}
#footer > .office > .f2{
	width:100%;
	height:auto;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	font-size:20px;
	padding-left:10px;
}
#footer > .office > .f2 > p{
	font-size:16px;
	padding-left:10px;
	margin-bottom:8px;
}
#footer > .social{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
#footer > .social > h1{
	font-size:24px;
	padding-left:10px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	font-size:16px;
	padding-left:10px;
}
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	padding:10px 10px 20px 20px;
	font-size:18px;
}
#footer > .social > ul > li:nth-child(1){
	padding-left:0px;
}
#footer > .copyright{
	width:100%;
	height:60px;
}
#footer > .copyright > span{
	font-size:13px;
	padding-top:15px;
}
#click_top{
	bottom:10px;
	right:10px;
}
}