*{
	margin:0;
	padding:0;
}
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
@media screen and (min-width:569px){
	nav {
    	margin: 36px 0 0;
	}
}
.why_top_mobile{
	display:none;
}
/*================ MEDIA QURIES FOR A RESPONSIVE LAYOUT ==================== */
/*================ TRUE PIXEL MEDIA SCREEN STYLESHEET ====================	*/
@media screen and (min-width:320px) and (max-width:480px){
header{width:100%; height:auto; float:left; position:fixed; min-height:28px; background:url(../images/top_bg.png) repeat-x;}
.logo{ height:auto; float:left; margin:0px 0 0 0;}
nav{ width:100%; height:auto; float:left; margin:35px 0 0 0;}
nav ul{ padding:10px 0 0 0; margin:0;}
nav ul li{ display:inline; list-style:none; width:100%; float:left; text-align:center; background:url(../images/li_bg.png) repeat; height:30px ; text-align:center; padding:5px 0 0 0;}
nav ul li a{ text-decoration:none; color:#77787b; text-transform:uppercase; font-size:16px; font-family: 'ubuntubold'; margin:0;}
nav ul li a:hover{ color:#ffffff;}
nav ul li a.active{ color:#77787b;}
.banner_main{ width:100%; height:auto; float:left; background:url(../images/banner_bg.jpg) repeat-x top center; min-height:600px; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;}
.banner_text{ width:100%; height:auto; float:left;}
.banner_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.banner_text p span{ color:#cccccc;}
.inner_main{ width:100%; height:auto; float:left;}
.inner_main h4{ font-size:26px; color:#666666; font-family: 'ubuntubold'; font-weight:normal; padding:0; margin:2% 0 0 5%; text-transform:uppercase;}
.inner_main p{ margin:2% 0 2% 5%; font-size:20px; color:#a7a9ac; padding:0; font-family: 'ubunturegular'; line-height:30px; width:90%; position:relative; z-index:99;}
.dog_banner{width:100%;   /*float:left;*/ background:url(../images/dog_bg.jpg) no-repeat top center; min-height:877px; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
.dog_banner_text{ width:100%; height:auto; float:left; margin:430px 0 0 7%;}
.dog_banner_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.dog_banner_text p span{ color:#cccccc;}
.inner_main p.mar_set{margin:2% 0 2% 5%; position:relative; z-index:99;}
.brands{ width:100%; height:auto; margin:0 auto;}
.brands_in{ width:100%; height:auto; float:left; margin:44px 0 0 0;}
.brands_in ul{ padding:0; margin:0;}
.brands_in ul li{ display:inline; list-style:none; float:left; margin:0 6px 6px 20px;}
.brands_in ul li a.brand_box{ width:180px; height:120px; float:left; border:1px solid #2e2e2e;}
.brands_in ul li a.brand_box:hover{ background:#232527;}
.brands_in ul li a.selected{ background:#232527;}
.gl_design{ width:100%; height:auto; float:left;background:url(../images/design_bg.jpg) no-repeat top center; min-height:876px;}
.gl_design_text{ width:90%; height:auto; float:left; margin:570px 0 0 10%;}
.gl_design_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.gl_design_text p span{ color:#cccccc;}
.future_inner{ width:70%; height:auto; float:left; border-left:9px solid #da2032; padding:0 0 0 20px; margin:2% 0 2% 5%;}
.counter{ width:100%; height:auto; float:left; background:#1a1c1e; min-height:180px;}
.counter h4{ color:#ffffff; font-size:40px; font-family: 'ubuntumedium'; padding:0; margin:5% 0 0 0; text-align:center;}
.business_main{ width:100%; height:auto; float:left; background:url(../images/business_bg.jpg) no-repeat top center; min-height:876px;}
.business_text{ width:100%; height:auto; float:left; margin:691px 0 0 7%;}
.business_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.business_text p span{ color:#cccccc;}
.counter_in{ width:100%; height:auto; margin:0 auto;}
.counter_in p{ text-align:center; color:#999999; font-family: 'ubunturegular'; font-size:20px; padding:0; margin:1% 0 0 0; text-align:center; line-height:35px !important;}
.counter_in p span.col{ color:#ffffff; margin:5% 0 15px 0; float:left; }
.fun_main{ width:100%; height:auto; float:left; background:url(../images/fun_bg.png) no-repeat top center; min-height:881px;}
.fun_text{ width:90%; height:auto; float:left; margin:692px 0 0 7%;}
.fun_text p{ color:#ffffff; font-size:47px; text-transform:uppercase;}
.fun_text p span{ color:#cccccc;}
.mar_set{ margin:5% 0 3% 0;}
.footer_top p{ color:#cccccc; font-size:26px; font-family: 'ubunturegular'; padding:0; margin:27px 0 0 0; position:relative; z-index:99;}
.footer{ width:100%; height:auto; margin:0 auto;}
.footer_box{ width:290px; height:auto; float:left; border-right:none; min-height:200px; margin:30px 30px 0 20px;}	
.cma{ width:90%; height:auto; float:left; border-bottom:1px solid #232527; margin:80px 0 0 15px; text-align:center;}	
.wood{ background:none !important; float:left;  width:100%; min-height:212px; margin:-100px 0 0 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;bottom: 10%;margin-top: -16px;outline: 0;text-indent: -9999px;z-index: 9999; display:none;}
.nav-button {text-decoration:none; color:#77787b; text-transform:uppercase; font-size:16px; font-family: 'ubuntubold'; margin:0;}	


/* --CSS Document Edited on 15-10-2013 --*/

.blog{  width:98%; height:auto; margin:0 auto; padding:0 10px;}
.blog_cont{ width:100%; height:auto; float:left; border-top:1px solid #35363a; margin:35px 0 0 0; padding:35px 0 20px 0;}
.blog_left{ width:100%; height:auto; float:left; text-align:center; margin:15px 0;}
.blog_mid{ width:100%;; height:auto; float:left; text-align:center; margin:15px 0;}
.blog_cont_left{ width:100%; height:auto; float:left; margin:20px 0 0 0;}
.blog_cont_right{ width:100%; height:auto; float:left; margin:20px 0 0 0;}


/* --CSS Document Edited on 15-10-2013 --*/

/* --CSS Document Edited on 16-10-2013 --*/

.menu_media_cont{width:100%;text-align:left;float:left; margin-top:10px;}
a#pull {display: block;}
.menu a#pull {display: block;background-color: #283744;width: 100%;	position: relative;	}
a#pull span {content:""; background:url(../images/nav-icon.png) no-repeat center top;width:100%;height:20px;display: inline-block;float:left; font-size:0px; }
ul.menu li{ margin:0;width:100%;}
ul.menu li a{width:100%;padding:7px 0px}

.banner_text p span.text{color:#ffffff; font-size:33px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:0; float:left; }
.banner_text_one p{ color:#ffffff; /*text-shadow:1px 1px 1px #202020;*/ font-size:33px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0;}
.banner_text_one p span{ color:#cccccc;  line-height:66px;}
.banner_text_one p span.text{color:#ffffff; font-size:33px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:0; float:left;}
.banner_text{ width:850px; height:auto; float:left; position:relative; z-index:999;}
.footer_bot{ width:100%; height:auto; float:left; text-align:center; margin:50px 0 0 0;}

/* --CSS Document Edited on 16-10-2013 --*/

/* --CSS Document Edited on 17-10-2013 --*/
	
.contact_main{ width:100%; height:auto; margin:0 auto;}	
.contact_in{ width:100%; height:auto; float:left;}
.contact_in_left{ width:95%; height:auto; float:left; margin:0 10px;}

.contact_rgt{ width:88% !important; height:auto; float:left; margin:50px 0 0 10px;}
.contact_input{ width:80%; height:43px; float:left; background:#212121; line-height:43px; padding:0 20px; border:1px solid #5e5e5e; font-size:14px; color:#999999;  font-family: 'ubunturegular'; margin:0 0 14px 0;}
.contact_tarea{ width:90%; height:100px; float:left; background:#212121; padding:20px; border:1px solid #5e5e5e; font-size:14px; color:#999999;  font-family: 'ubunturegular'; margin:0 0 14px 0;} 
.send_right{ width:35px; height:auto; float:right; margin:0 0 0 0;} 
.why_top_in{ width:94%;  float:left; margin:750px 0 0 5%;}
.why_top_in p{color:#ffffff; font-size:17px; letter-spacing:-1px;  font-family:"HelveticaNeueW01-97Blac"; line-height:20px;}
.why_text{ width:850px; height:auto; float:left; margin:0 0 0 5%;}
.why_text p{ color:#ffffff; /*text-shadow:0 0 1px #202020;*/ font-size:33px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:66px;}
.why_text p span{ color:#cccccc;}
.why_text p span.text{color:#ffffff; font-size:32px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:0; float:left;}
.service_in{ width:100%; height:auto; margin:0 auto;}
.service_in ul li{ display:inline; list-style:none; float:left; margin: 0 25px 20px 10px;}
.leader_in{ width:100%; height:auto; margin:0 auto;}
.leader_des_left{ width:95%; height:auto; float:left; margin:0 0 0 10px;}
.leader_des_right{ float:left; width:95%; height:auto; margin:20px 0 0 10px;}
.fr{ float:none !important;}
.leader_social{ width:100%; height:auto; float:left; margin:15px 0 10px 0;}
.brand_inner{ width:100%; height:auto; margin:0 auto;}
.inner_ser{ width:100%; height:auto; margin:0 auto;}
.agree_in{ width:100%; height:auto; margin:0 auto;}
.vid_text{ width:100%; height:auto; margin:0 auto;}
.vid_sec{ width:100%; height:auto; margin:0 auto;}
.inner_ser ul li{ display:inline; list-style:none; float:left; margin:0 20px 25px 10px;}	
.vid_sec ul li{ display:inline; list-style:none; float:left; margin:0 30px 40px 10px;}
.footer_box h5{ font-size:16px; color:#999999; float:left; font-weight:normal; padding:0; margin:0 10px 0 0; font-family: 'ubuntumedium';}
.mar_brand{ margin:0 !important;}	
/* --CSS Document Edited on 17-10-2013 --*/	
.banner_text{ top:107px !important;}
#contact_title{
	font-size:20px;
	margin-top:20px;
	padding:0 5%; 
}

}




@media screen and (max-width:1024px){            
body{ overflow-x:hidden;}
.wood{background-attachment: fixed; background:url(../images/wood.png) no-repeat center center; background-position: 50% 50%; float:left;  width:100%; min-height:212px; margin:-100px 0 0 0;}
/* --CSS Document Edited on 9-12-2013 --*/	
.logo img{max-width:95%;}
.bx-controls{width:100%;}
.bx-wrapper .bx-pager{bottom:284px;}
.banner_text2 p{text-align:center;width:80%;margin:auto; float:none;}
.dog-w-stick{ background-size:753px 589px; height:100%;}

.banner_text3{bottom:146px;}
.banner_text3 p{ line-height:55px;}
.gl_design{background-size:1050px 688px; min-height:638px;}
.dog_banner{background-size:1050px 688px; min-height:638px;}
.banner_text4 p{line-height:56px;}
.banner_text_one p{ font-size:40px; }
.banner_text_one span.text{ font-size:40px; }
.banner_text_one{ margin:649px 0 0 5%; bottom:19px;}
 .banner_text4{ bottom:23px;}
 .banner_text, .banner_text3, .banner_text4{bottom:174px;}
 .bx-wrapper .bx-pager{bottom:326px;}
 /*.dog_banner{ height:594px;}*/
.banner_text3{ bottom:24px;}
 .banner_text4{ bottom:32px;}
 .footer_box{width:319px;}
 #twttrHubFrameSecure{display:none;}
 
}
 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
.banner_text{bottom:140px !important;}
.banner_text3{bottom:24px;}
.banner_text4{bottom:24px;}
.banner_text3.n-bnr-text-3{bottom:25px;}
.banner_text4.n-bnr-text-4{bottom:25px;}
.banner_text4.n-bnr-text-5{bottom:25px;}
.banner_text_one{bottom:20px !important;}
.banner_text.n-bnr-top-t1.n-bnr-top-t2{bottom:168px !important;}

}
@media screen and (max-width:1002px){


header{width:100%; height:auto; float:left; position:fixed; min-height:28px; background:url(../images/topBar.png) no-repeat left top; height:147px;}
.logo{height:auto; float:left; margin:0px 0 0 0; text-align:center;}
nav{ width:65%; height:auto; float:right; margin:10px 0 0 0;}
nav ul{ padding:3px 0 0 0; margin:0; float:right;}
nav ul li{ display:inline; list-style:none;  float:left; padding:5px 0 0 0; margin:0 22px 0 0;}
nav ul li a{ text-decoration:none; color:#77787b; text-transform:uppercase; font-size:16px; font-family: 'ubuntubold'; margin:0;}
nav ul li a:hover{ color:#ffffff;}
/*nav ul li a.active{ color:#77787b;}*/
.banner_main{ width:100%; height:auto; float:left; background:url(../images/banner_bg.jpg) repeat-x top center; min-height:877px;}
.banner_text{ width:100%; height:auto; float:left;}
.banner_text, .banner_text3, .banner_text4{ bottom:165px;margin-left:5%; width:88%;}
.banner_text3{ bottom:24px;}
.banner_text_one{ width:80%;}
.down_arrow_wrapper{top:84px;margin-left:10px;}
.banner_text p span.text, .banner_text3 p span.text, .banner_text4 p span.text{ font-size:40px;margin-top:6px;}
.banner_text p{ color:#ffffff; font-size:68px; text-transform:uppercase; line-height:75px;}
.banner_text p span{ color:#cccccc;}
.inner_main{ width:100%; height:auto; float:left;}
.inner_main h4{ font-size:26px; color:#666666; font-family: 'ubuntubold'; font-weight:normal; padding:0; margin:2% 0 0 5%; text-transform:uppercase;}
.inner_main p{ margin:2% 0 2% 5%; font-size:20px; color:#a7a9ac; padding:0; font-family: 'ubunturegular'; line-height:30px; width:90%; position:relative; z-index:99;}
.inner_main p.mar_set2{margin:auto;}
.dog_banner{ width:100%; background:url(../images/dog_bg.jpg) no-repeat top center; min-height:877px;}*/
.dog_banner_text{ width:100%;  float:left; margin:430px 0 0 7%;}
.dog_banner_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.dog_banner_text p span{ color:#cccccc;}
.inner_main p.mar_set{margin:2% 0 2% 5%; position:relative; z-index:99;}
.brands{ width:100%; height:auto; margin:0 auto;}
.brands_in{ width:100%; height:auto; float:left; margin:44px 0 0 0;}
.brands_in ul{ padding:0; margin:auto;width:79%;}
.brands_in ul li{ display:inline; list-style:none; float:left; margin:10px;}
.brands_in ul li a.brand_box{ width:180px; height:120px; float:left; border:1px solid #2e2e2e;}
.brands_in ul li a.brand_box:hover{ background:#232527;}
.brands_in ul li a.selected{ background:#232527;}
.gl_design{ width:100%; height:auto; float:left;background:url(../images/design_bg.jpg) no-repeat top center; min-height:876px; }
.gl_design_text{ width:90%; height:auto; float:left; margin:570px 0 0 10%;}
.gl_design_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.gl_design_text p span{ color:#cccccc;}
.future_inner{ width:70%; height:auto; float:left; border-left:9px solid #da2032; padding:0 0 0 20px; margin:2% 0 2% 5%;}
.counter{ width:100%; height:auto; float:left; background:#1a1c1e; min-height:180px;}
.counter h4{ color:#ffffff; font-size:40px; font-family: 'ubuntumedium'; padding:0; margin:5% 0 0 0; text-align:center;}
.business_main{ width:100%; height:auto; float:left; background:url(../images/business_bg.jpg) no-repeat top center; min-height:876px;}
.business_text{ width:100%; height:auto; float:left; margin:691px 0 0 7%;}
.business_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.business_text p span{ color:#cccccc;}
.counter_in{ width:100%; height:auto; margin:0 auto;}
.counter_in p{ text-align:center; color:#999999; font-family: 'ubunturegular'; font-size:20px; padding:0; margin:1% 0 0 0; text-align:center; line-height:35px !important; width:98%;}
.counter_in p span.col{ color:#ffffff; margin:5% 0 15px 0; float:left; }
.fun_main{ width:100%; height:auto; float:left; background:url(../images/fun_bg.png) no-repeat top center; min-height:881px;}
.fun_text{ width:90%; height:auto; float:left; margin:692px 0 0 7%;}
.fun_text p{ color:#ffffff; font-size:47px; text-transform:uppercase;}
.fun_text p span{ color:#cccccc;}
.mar_set{ margin:5% 0 3% 0; width:98%;}
.footer_top p{ color:#cccccc; font-size:26px; font-family: 'ubunturegular'; padding:0; margin:27px 0 0 0; position:relative; z-index:99;}
.footer{ width:100%; height:auto; margin:0 auto;}
.footer_box{ width:285px; height:auto; float:left; border-right:none; min-height:auto; margin:30px 30px 0 20px;}	
.cma{ width:90%; height:auto; float:left; border-bottom:1px solid #232527; margin:80px 0 0 15px; text-align:center;}	
.wood{background-attachment: fixed; background:url(../images/wood.png) no-repeat center center; background-position: 50% 50%; float:left;  width:100%; min-height:212px; margin:-100px 0 0 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;bottom: 10%;margin-top: -16px;outline: 0;text-indent: -9999px;z-index: 9999; display:none;}
.nav-button {text-decoration:none; color:#77787b; text-transform:uppercase; font-size:16px; font-family: 'ubuntubold'; margin:0;}	

/* --CSS Document Edited on 16-10-2013 --*/

.blog{ width:97%; height:auto; margin:0 auto; padding:0 10px;}
.blog_left{ width:30%; height:auto; float:left;}
.blog_mid{ width:68%; height:auto; float:left;}
.future_txt p span.wid{ width:98%; float:left; color:#a7a9ac;}
.work_main ul li{ display:inline; list-style:none; float:left; margin:0 12px 15px 0;}

/* --CSS Document Edited on 16-10-2013 --*/

/* --CSS Document Edited on 17-10-2013 --*/
	
.contact_main{ width:100%; height:auto; margin:0 auto;}	
.contact_in{ width:100%; height:auto; float:left;}
.contact_in_left{ width:95%; height:auto; float:left; margin:0 10px;}
/*.contact_bg{ background:url(../images/contact_bg.jpg) repeat-x top center #717171;}*/
.contact_rgt{ width:80%; height:auto; float:left; margin:50px 0 0 10px;}
.contact_input{ width:95%; height:43px; float:left; background:#212121; line-height:43px; padding:0 20px; border:1px solid #5e5e5e; font-size:14px; color:#999999;  font-family: 'ubunturegular'; margin:0 0 14px 0;}
.contact_tarea{ width:95%; height:100px; float:left; background:#212121; padding:20px; border:1px solid #5e5e5e; font-size:14px; color:#999999;  font-family: 'ubunturegular'; margin:0 0 14px 0;} 
.send_right{ width:35px; height:auto; float:right;}
.why_top_in{ width:94%; height:auto; float:left; margin:675px 0 0 5%;}
.why_top_in p{color:#ffffff; font-size:33px; letter-spacing:-1px;  font-family:"HelveticaNeueW01-97Blac"; line-height:40px;}
.why_text{ width:100%; height:auto; float:left; margin:0 0 0 5%;}
.why_text p{ color:#ffffff; /*text-shadow:0 0 1px #202020;*/ font-size:66px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:66px;}
.why_text p span{ color:#cccccc;}
.why_text p span.text{color:#ffffff; font-size:65px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:22px 0 0 0; float:left;}
.service_in{ width:100%; height:auto; margin:0 auto;}
.service_in ul li{ display:inline; list-style:none; float:left; margin: 0 25px 20px 10px;}
.leader_in{ width:100%; height:auto; margin:0 auto;}
.leader_des_left{ width:95%; height:auto; float:left; margin:0 0 0 10px;}
.leader_des_right{ float:left; width:95%; height:auto; margin:20px 0 0 10px;}
.leader_social{ width:100%; height:auto; float:left; margin:15px 0 10px 0;}
.brand_inner{ width:100%; height:auto; margin:0 auto;}
.inner_ser{ width:100%; height:auto; margin:0 auto;}
.agree_in{ width:100%; height:auto; margin:0 auto;}
.vid_text{ width:100%; height:auto; margin:0 auto;}
.vid_sec{ width:100%; height:auto; margin:0 auto;}
.inner_ser ul li{ display:inline; list-style:none; float:left; margin:0 20px 25px 10px;}
.vid_sec ul li{ display:inline; list-style:none; float:left; margin:0 30px 40px 10px;}	
.footer_box h5{ font-size:16px; color:#999999; float:left; font-weight:normal; padding:0; margin:0 10px 0 0; font-family: 'ubuntumedium';}
.fr{ float:none !important;}	
.n-btm-text{clear:both; display:block;}
.footer_add p.mar_set{width:75%;}
.why_top{/*background-size:989px 573px;*/ position:relative; min-height:572px;}
.why_top_in, .why_text{position:absolute; bottom:122px;margin-top:0px;}
.why_text{bottom:23px;}
.leader_des_left{width:35%;}
.leader_des{position:relative;}
#fly-it-right{ position:absolute; top:0}
.mar_ser{margin-top:300px}
#client_wall_wrapper{width:100%;}
/*.brand_main{ background-position:0px center;}*/
.vid_sec ul li:nth-child(3), .vid_sec ul li:nth-child(6), .vid_sec ul li:nth-child(9), .vid_sec ul li:nth-child(12), .vid_sec ul li:nth-child(15), .vid_sec ul li:nth-child(18), .vid_sec ul li:nth-child(21), .vid_sec ul li:nth-child(24), .vid_sec ul li:nth-child(27), .vid_sec ul li:nth-child(30){margin-right:30px;}
}

@media screen and (max-width:768px){
/*.bx-wrapper .bx-pager{bottom:282px;}  
.dog_banner{min-height:607px;}
.banner_text3 p, .banner_text4 p, .banner_text_one p{ line-height:75px; font-size:68px;}
.banner_text_one p span{ line-height:75px !important; font-size:68px !important; margin-top:20px !important;}
.banner_text4{bottom:24px;}
.blog_top{ width:99%;}
.footer_in a.ftpIcon{float:left;}
.footer_add_in{ width:87%;}
.blog_top{margin-top:142px;}
.brand_main{ height:629px;}
#client_wall_wrapper img{width:90%;}
.banner_text_one{margin-left:5%; bottom:40px !important;
}
*/
}


@media screen and (max-width:767px){
header{width:100%; height:auto; float:left; position:fixed; min-height:28px; background:url(../images/top_bg.png) repeat-x;}
.logo{height:auto; float:left; margin:0px 0 0 0;}
nav{ width:200px; height:100%; float:left; margin:0;background:#000;}
nav ul{ padding:10px 0 0 0; margin:0; float:none;}
nav ul li{ display:inline; list-style:none; width:100%; float:left; text-align:center; height:30px ; text-align:center; padding:5px 0 0 0;}
nav ul li a{ text-decoration:none; color:#77787b; text-transform:uppercase; font-size:16px; font-family: 'ubuntubold'; margin:0;}
nav ul li a:hover{ color:#ffffff;}
nav ul li a.active{ color:#77787b;}
.banner_main{ width:100%; height:auto; float:left; background:url(../images/banner_bg.jpg) repeat-x top center; min-height:877px;}
.banner_text{ width:100%; height:auto; float:left;}
.banner_text p{ color:#ffffff; font-size:40px; text-transform:uppercase;}
.banner_text p span{ color:#cccccc;}
.inner_main{ width:100%; height:auto; float:left;}
.inner_main h4{ font-size:26px; color:#666666; font-family: 'ubuntubold'; font-weight:normal; padding:0; margin:3%; width:94%; text-transform:uppercase;}
.inner_main p{ margin:2% 0 2% 5%; font-size:20px; color:#a7a9ac; padding:0; font-family: 'ubunturegular'; line-height:30px; width:90%; position:relative; z-index:99;}
.dog_banner{ width:100%;   background:url(../images/dog_bg.jpg) no-repeat top center; min-height:877px;}
.dog_banner_text{ width:100%;  float:left; margin:430px 0 0 7%;}
.dog_banner_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.dog_banner_text p span{ color:#cccccc;}
.inner_main p.mar_set{margin:3%; width:94%; position:relative; z-index:99;}
.brands{ width:100%; height:auto; margin:0 auto;}
.brands_in{ width:100%; height:auto; float:left; margin:44px 0 0 0;}
.brands_in ul{ padding:0; margin:0;}
.brands_in ul li{ display:inline; list-style:none; float:left; margin:0 6px 6px 20px;}
.brands_in ul li a.brand_box{ width:180px; height:120px; float:left; border:1px solid #2e2e2e;}
.brands_in ul li a.brand_box:hover{ background:#232527;}          
.brands_in ul li a.selected{ background:#232527;}
.gl_design{ width:100%; height:auto; float:left;background:url(../images/design_bg.jpg) no-repeat top center; min-height:876px;}
.gl_design_text{ width:90%; height:auto; float:left; margin:570px 0 0 10%;}
.gl_design_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.gl_design_text p span{ color:#cccccc;}
.future_inner{ width:85%; height:auto; float:left; border-left:9px solid #da2032; padding:0 0 0 20px; margin:2% 0 2% 5%;}
.counter{ width:100%; height:auto; float:left; background:#1a1c1e; min-height:180px;}
.counter h4{ color:#ffffff; font-size:40px; font-family: 'ubuntumedium'; padding:0; margin:5% 0 0 0; text-align:center;}
.business_main{ width:100%; height:auto; float:left; background:url(../images/business_bg.jpg) no-repeat top center; min-height:876px;}
.business_text{ width:100%; height:auto; float:left; margin:691px 0 0 7%;}
.business_text p{ color:#ffffff; font-size:35px; text-transform:uppercase;}
.business_text p span{ color:#cccccc;}
.counter_in{ width:100%; height:auto; margin:0 auto;}
.counter_in p{ text-align:center; color:#999999; font-family: 'ubunturegular'; font-size:20px; padding:0; margin:1% 0 0 0; text-align:center; line-height:35px !important;}
.counter_in p span.col{ color:#999; margin:2% 0 15px 0; float:left; font-size:14px !important; }
/* 06.01.2014 Maidul */
.counter_in p span.col span.inner_col{font-size:14px !important; }
.fun_main{ width:100%; height:auto; float:left; background:url(../images/fun_bg.png) no-repeat top center; min-height:881px;}
.fun_text{ width:90%; height:auto; float:left; margin:692px 0 0 7%;}
.fun_text p{ color:#ffffff; font-size:47px; text-transform:uppercase;}
.fun_text p span{ color:#cccccc;}
.mar_set{ margin:0% 0 3% 0;}
.footer_top p{ color:#cccccc; font-size:26px; font-family: 'ubunturegular'; padding:0; margin:27px 0 0 0; position:relative; z-index:99;}
.footer{ width:100%; height:auto; margin:0 auto;}
.footer_box{ width:285px; height:auto; float:left; border-right:none; min-height:200px; margin:30px 30px 0 20px;}	
.cma{ width:90%; height:auto; float:left; border-bottom:1px solid #232527; margin:80px 0 0 15px; text-align:center;}	
.wood{background-attachment: fixed; background:url(../images/wood.png) no-repeat center center; background-position: 50% 50%; float:left;  width:100%; min-height:212px; margin:-100px 0 0 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;bottom: 10%;margin-top: -16px;outline: 0;text-indent: -9999px;z-index: 9999; display:none;}
.nav-button {text-decoration:none; color:#77787b; text-transform:uppercase; font-size:16px; font-family: 'ubuntubold'; margin:0;}	
	
/* --CSS Document Edited on 15-10-2013 --*/

.blog{  width:94%; height:auto; margin:0 auto; padding:0 10px;}
.blog_cont{ width:100%; height:auto; float:left; border-top:1px solid #35363a; margin:18px 0 0 0; padding:35px 0 20px 0;}
.blog_left{ width:100%; height:auto; float:left; text-align:center; margin:15px 0;}
.blog_mid{ width:100%;; height:auto; float:left; text-align:center; margin:15px 0;}
.blog_cont_left{ width:100%; height:auto; float:left; margin:20px 0 0 0;}
.blog_cont_right{ width:100%; height:auto; float:left; margin:20px 0 0 0;}
.future_txt p span.wid{ width:100%; float:left; color:#a7a9ac;}


/* --CSS Document Edited on 15-10-2013 --*/


/* --CSS Document Edited on 16-10-2013 --*/

.menu_media_cont{text-align:left;float:right; margin-top:33px;margin-right:30px; position:relative; z-index:999;}
a#pull {display: block;}
.menu a#pull {display: block;background-color: #283744;width: 100%;	position: relative;	}
a#pull span {content:""; background:url(../images/nav-icon.png) no-repeat center top;width:20px;height:20px;display: inline-block; font-size:0px;float: right;margin:0;}
ul.menu li{ margin:0;width:100%;}
ul.menu li a{width:100%;padding:7px 0px}

.banner_text p span.text{color:#ffffff; font-size:44px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:0; float:left; 
text-shadow:none;}
.banner_text_one p{ color:#ffffff; /*text-shadow:1px 1px 1px #202020;*/ font-size:44px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0;}
.banner_text_one p span{ color:#cccccc;  line-height:66px;}
.banner_text_one p span.text{color:#ffffff; font-size:40px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:1px 0 0 0; float:left;}
.banner_text{ width:100%; height:auto; float:left; z-index:999;}
.footer_bot{ width:100%; height:auto; float:left; text-align:center; margin:50px 0 0 0;}

/* --CSS Document Edited on 16-10-2013 --*/

/* --CSS Document Edited on 17-10-2013 --*/
	
.contact_main{ width:100%; height:auto; margin:0 auto;margin-top:19%;}	
.contact_in{ width:100%; height:auto; float:left;}
.contact_in_left{ width:95%; height:auto; float:left; margin:0 10px;}

.contact_rgt{ width:93% !important; height:auto; float:left; margin:50px 0 0 10px;}
.contact_input{  height:43px; float:left; background:#212121; line-height:43px; padding:0 20px; border:1px solid #5e5e5e; font-size:14px; color:#999999;  font-family: 'ubunturegular'; margin:0 0 14px 0;}
.contact_tarea{ width:95%; height:100px; float:left; background:#212121; padding:20px; border:1px solid #5e5e5e; font-size:14px; color:#999999;  font-family: 'ubunturegular'; margin:0 0 14px 0;} 
.send_right{ width:35px; height:auto; float:right;}
.why_top_in{ width:94%; height:auto; float:left; margin:750px 0 0 5%;}
.why_top_in p{color:#ffffff; font-size:17px; letter-spacing:-1px;  font-family:"HelveticaNeueW01-97Blac"; line-height:20px;}
.why_text{ width:95%; height:auto; float:left; margin:0 0 0 5%;}
.why_text p{ color:#ffffff; /*text-shadow:0 0 1px #202020;*/ font-size:33px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:66px;}
.why_text p span{ color:#cccccc;}
.why_text p span.text{color:#ffffff; font-size:32px; text-transform:uppercase; font-family:"HelveticaNeueW01-97Blac"; line-height:0px !important; margin:0; float:left;}
.service_in{ width:100%; height:auto; margin:0 auto;}
.service_in ul li{ display:inline; list-style:none; float:left; margin: 0 6px 20px 6px;}
.leader_in{ width:100%; height:auto; margin:0 auto;}
.leader_des_left{ width:95%; height:auto; float:left; margin:0 0 0 10px;}
.leader_des_right{ float:left; width:95%; height:auto; margin:20px 0 0 10px;}
.fr{ float:none !important;}
.leader_social{ width:100%; height:auto; float:left; margin:15px 0 10px 0;}
.brand_inner{ width:100%; height:auto; margin:0 auto;}
.inner_ser{ width:100%; height:auto; margin:0 auto;}
.agree_in{ width:100%; height:auto; margin:0 auto;}
.vid_text{ width:100%; height:auto; margin:0 auto;}
.vid_sec{ width:99%; height:auto; margin:0 auto;}
.inner_ser ul li{ display:inline; list-style:none; float:left; margin:0 20px 25px 10px;}
.vid_sec ul li{ display:inline; list-style:none; float:left; margin:0 30px 40px 10px;}	
.footer_box h5{ font-size:16px; color:#999999; float:left; font-weight:normal; padding:0; margin:0 10px 0 0; font-family: 'ubuntumedium';}


/* --CSS Document Edited on 17-10-2013 --*/	
.menu_media_cont{display:block;}
.banner_text, .banner_text3, .banner_text4{ bottom:157px;}
.dog_banner , .dog-w-stick, .brands_in ul li a.brand_box, .n-bnr-text-4{-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in}
.banner_text2 p{width:100%; text-align:center;}
#mar_contact{margin-top:50px;}
.blog_top{margin-top:20px;}
.n-why-rs-txt p{color: #FFFFFF;font-family: "helvetica_neue_lt_std77BdCn";font-size: 23px;letter-spacing: 0;line-height:24px;}	
.n-why-btm-txt p{color: #FFFFFF;font-family: "HelveticaNeueW01-97Blac";font-size:53px;line-height: 66px;text-transform: uppercase;}	
.n-why-btm-txt p span.text{ color: #FFFFFF;float: left;font-family: "HelveticaNeueW01-97Blac";font-size:53px;line-height: 0 !important;
margin:30px 0 0;text-transform: uppercase;}
.n-why-rs-txt{margin-top:0px;}
.why_top{ min-height:470px;}
.why_text{ bottom:25px;/*18*/}
#fly-it-right img, #fly-it-left img{ float:left; max-width:45%;}
.mar_ser{margin-top:300px;}
.vid_sec ul{width:100%}

.vid_sec ul li {
    display: table;
    float: left;
    margin: 10px;
    width: 30%;
	margin:1% !important;
}
.vid_sec_box {
    width: 100%;
}
.footer_box{clear:both;}

.vid_sec_box a:hover img{ top:0px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.vid_sec_box a:hover .red_bar{display:none}

}

@media screen and (min-width:2000px){     
.bx-wrapper img{width:130% !important; max-width:none !important;}	
}

@media screen and (max-width:1024px){     
.bx-wrapper img{width:100% !important; max-width:none !important;}	
}

@media screen and (min-width:768px) and (max-width:1050px){


  .brand_main {
background: url("../images/brand_bg.jpg") repeat scroll 0 0 / 145% auto rgba(0, 0, 0, 0);
}

	.bx-wrapper img{width:100% !important; max-width:none !important;}	
	
	
body{overflow-y:hidden}
.hdrText{margin-top:10px;margin-left:0px;width:116px; text-align:center;}
.hdrText span{ clear:both; display:block;}
/*nav{margin-top:21px;}*/
.banner_text2 p{margin-left:0px; width:94%;	padding-left:3%;	padding-right:3%;}

.hdrText{display:none;}
.banner_text, .banner_text3, .banner_text4{margin-left:5% !important;}
.banner_text{bottom:167px;}
.banner_text3{bottom:24px;}
.banner_text4{bottom:24px;}
.banner_text3.n-bnr-text-3{bottom:2px;}
.banner_text4.n-bnr-text-4{bottom:2px;}
.banner_text4.n-bnr-text-5{bottom:2px;}
.banner_text_one{bottom:20px !important;}
.banner_text p, .banner_text3 p, .banner_text4 p, .banner_text_one p{font-size:68px; line-height:75px;}
.banner_text p span, .banner_text3 p span, .banner_text4 p span, .banner_text_one p span.text{font-size:68px !important; line-height:43px !important; margin-top:0px !important;}

.n-bnr-top-t2{bottom:156px;} 
.down_arrow_wrapper{top:84px;}
.banner_text3, .banner_text4{
	width:780px; bottom:2px;}
.inner_main h4{margin-left:5%;}
.inner_main p, .inner_main p.mar_set{width:90%; padding-left:5%; padding-right:5%; margin-left:0px; margin-right:0px;}
.future_inner{margin-left:5%; width:85%;}
.future_inner p {padding-left:0px;}
.future_txt{width:97%;}
.future_txt p span.wid{width:100%;}
.inner_main p.mar_set2{margin:0px;}
.footer_box{margin-right:15px;}
.banner_text_one{margin-left:5%;}


.bx-wrapper .bx-pager{bottom:282px;}  
.dog_banner{min-height:607px;}
.banner_text3 p, .banner_text4 p, .banner_text_one p{ line-height:75px; font-size:68px;}
.banner_text_one p span{ line-height:75px; font-size:68px; margin-top:20px;}
.banner_text4{bottom:24px;}
.blog_top{ width:99%;}
/*.footer_in a.ftpIcon{float:left;}*/
.footer_add_in{ width:87%;}
.blog_top{margin-top:142px;}
.brand_main{ height:690px;}
#client_wall_wrapper img{width:90%;}
.banner_text_one{margin-left:5%; bottom:19px !important;
}
.client_box_top {
    height: 97px;
}
.client_box{
	min-height:130px; 
}
.leader{
	padding:32px 0 70px;
}
.leader .how_txt h5 {
    margin:0;
}
.leader_social p{
	 float: none;
	 margin-bottom:18px;
}
.client_box .client_box_in p {
    font-size: 14px;
}
.why_top .why_top_in p {
    font-size: 32px;
    letter-spacing: 0;
    line-height: 32px;
}
.how_main .how_txt h5{
	margin:32px 0 0; 
}
p.desktop_client_text {
    display: block;
    padding: 0 52px;
    width: 90%;
}
.client{
	padding:10px 0 45px;
}
.brand_ser{
	padding:30px 0 56px;
}
.brand_ser .how_txt h5{ 
	margin:0;
}
.inner_ser ul{
	margin:40px 0 0;
}
.why_vid .vid_text_in p{
	margin:10px 0 0;
}
.why_vid .vid_text_in{
	margin:30px 0 0;
}
.agree .agree_in .how_txt h5{
	margin:10px 0; 
}
.why_vid .vid_sec_box p{
	margin:0 0 5px 20px; 
}
.counter_in.w995{
	width:96%;
}
}
@media screen and (min-width:1024px) and (max-width:1030px){ 	
	.why_text{
		margin-top:29px;
		margin-left:16%; 
	}
	.why_top_in{
		margin-top:585px;
		margin-left:16%; 
	}
	.why_text p{
		font-size:80px;
		line-height:43px;
	}
	.why_text p span.text{
		font-size:80px;
	}
	.client_box .client_box_in p{
		font-size:16px;
	}
	.how_main{
		min-height:560px;
	}
	.why_vid .vid_sec_box p{
		margin-top:15px;
	}
	.footer_box.md-footer-box{
    	margin-left: 10px;
    	margin-right: 5px;
	}
}
@media screen and (min-width:490px) and (max-width:767px){ 	
header{ background:#000; top:0px; }		
#home{float:left; width:100%; clear:both; margin-top:104px;}
.down_arrow_wrapper {
	display:none;
}
/*.n-bnr-text-1{ bottom:183px;}*/
.banner_text, .banner_text3, .banner_text4{bottom:15px;}
.banner_text p, .banner_text3 p, .banner_text4 p{ font-size:40px;}
.n-bnr-text-1{ bottom:157px;}
.n-tpbnr-text{bottom:157px;}
.banner_text2 p{width:100%; text-align:center;}
.dog-w-stick{ background-size:58% 250px; right:-50px;}
.dog_banner{ min-height:250px;overflow: hidden;}
.brands_in ul{margin:auto; width:85%;}
.brands_in ul li a.brand_box{width:100%;}
.brands_in ul li{width:45%;margin:0 10px 15px}
.brands_in a.brand_box_0 span, .brands_in a.brand_box_1 span, .brands_in a.brand_box_2 span,.brands_in a.brand_box_3 span, .brands_in a.brand_box_4 span, .brands_in a.brand_box_5 span, .brands_in a.brand_box_6 span, .brands_in a.brand_box_7 span, .brands_in a.brand_box_8 span, .brands_in a.brand_box_9 span, .brands_in a.brand_box_10 span, .brands_in a.brand_box_11 span, .brands_in a.brand_box_12 span, .brands_in a.brand_box_13 span, .brands_in a.brand_box_14 span{ background-position:center top;text-align:center;margin-left:0px;}
.brands_in a.brand_box:hover span{ background-position:center 100% !important}
.gl_design{ background-size:100% 350px; min-height:250px;}
.footer_top{ min-height:0;padding:5px 0 24px}
.inner_bg_new{left:45%}
.business_inner{ background-size:cover; top:-100px;}
.business_main{ min-height:250px; background-position:-504px -63px;}
.fun_inner { min-height:250px; background-size:214px 230px;}
.fun_main{ min-height:250px; background-size:100% 100%;}
.footer_in{text-align:left;}
.footer_add_in{width:100%;}
.footer_in a.ftpIcon{float:left;}
.n-bnr-top-t1{ top:auto; bottom:157px;}
.logo {
    float: left;
    text-align: center;
    width: auto;
}
}
@media screen and (max-width:480px){
/* body .how_txt {
width: 87%;
}
body .brands {
width: 96%;
float: left;
margin-left: 4%;
} */
#home .bx-wrapper .bx-pager.bx-default-pager a {
width: 5px;
height: 5px;
}

	.blog_right{width:189px;}
	.footer_in a.ftpIcon{ float:left;}
	.blog{margin-top:27%;}
	header{ background:#000; top:0px; height:auto;}
	.logo{width:auto; text-align:center; float:left;}
.banner_text2{
	margin:5px auto;
	width:95%;
	}
.logo {
    float: left;
    text-align: center;
    width: auto;
}
	.logo a img{width:100px;}
	.hdrText{width:auto; text-align:center;margin:40px 2% 0; font-size:14px;}
	a#pull span{float:none;}
	.menu_media_cont{float:left; text-align:center; width:auto;margin:35px 0px 0 15px; padding:0}
	.index-menu{margin-top:33px;}
#home{float:left; width:100%; clear:both;margin-top:17.8%;}
.bx-controls{height:0px;}
.banner_text2{padding:0px}
.banner_text2 p{ float:left; margin-left:0px; font-size:14px; width:100%; line-height:20px;padding:10px 0}
.banner_text, .banner_text3, .banner_text4{ position:absolute; top:89px; bottom:auto;}
.banner_text p, .n-why-btm-txt p{ font-size:30px; line-height:17px;}
.banner_text p span.text{font-size:30px; line-height:normal !important;}
body .bx-wrapper img.down_arrow{width:24px !important; height:24px !important;} 
.n-bnr-text-3{top:auto; bottom:2px;}
.n-bnr-text-3 p{ line-height:normal !important; font-size:30px;}
.n-bnr-text-3 p span.text{ font-size:30px; line-height:17px !important;margin-top:0px;}
.dog-w-stick{ background-size:100% 230px;}
.dog_banner{ min-height:230px;}
.brands_in{margin-top:15px;}
.brands_in ul{width:100%;}
.brands_in ul li{ display:table; float:none; margin:10px auto;}	
.inner_main h4, .how_txt h5{ font-size:20px;}
.inner_main p, .how_txt p{ font-size:16px;}
.gl_design{background-size: 100% 230px; min-height:230px;}
.n-bnr-text-4{margin-top:50px;margin-left:5%; bottom:11px; top:auto;}
.n-bnr-text-4 p{ font-size:30px; line-height:17px;}
.n-bnr-text-4 p span.text{ font-size:30px; line-height:17px;}
.business_main{ background-size: 100% 230px; min-height:230px;}
.business_inner{background-size:cover;min-height:286px; top:-78px;}
.banner_text4{margin-top:0px;}
.n-bnr-text-5{top:184px; width:95%;margin-left:5%;}
.n-bnr-text-5 p{ font-size:30px; line-height:17px;}
.n-bnr-text-5 p span.text{ line-height:normal !important;margin-top:0px; font-size:30px;}
.footer_add_in{width:100%;}
.footer_in{ text-align:left;}
.fun_inner{background-size: 225px 250px;min-height:250px;}
.fun_main{background-size: 100% 230px; min-height:230px;}
.banner_text_one p span.text{line-height:normal !important;}
.footer_top p{font-size:16px;margin:19px 0 0}
.inner_bg_new{left:45%;}
.bx-controls-direction{display:none;}
nav ul li{background:#000;}
nav{margin-top:0px;}
.banner_text_one p span{font-size:30px; line-height:17px;}
.banner_text_one p span.text{line-height:22px !important; font-size:30px;}
.banner_text_one p{ line-height:22px !important; font-size:30px;}
.banner_text_one{bottom:0px; width:97%;margin-left:5%;}
.footer_top{ min-height:0px;padding:5px 0 24px;}
.bx-pager{display:block;}
.n-tpbnr-text{ position:absolute; top:137px; bottom:auto;}
.n-tpbnr-text p{ font-size:43px;}
.n-tpbnr-text p span.text{ font-size:43px;}
.contact_input, .contact_tarea{width:86%;}
.why_top_in{ width:92%; bottom:60px;}

.n-why-btm-txt p span.text{font-size:30px; width:200px; line-height:42px !important; margin-top:0px; width:auto;}
.service{padding-top:20px; padding-bottom:20px;}

.leader_des{margin-top:32px;}
.leader_social p{ width:86%;}
.mar_ser{margin-top:188px;}
#client_wall_wrapper img{ width:100%;}
.brand_main{height:auto; margin-bottom:5px;}
.why_text{ bottom:-11px;}
/*.why_top{background-attachment:scroll; background-size:794px 474px;}*/
.down_arrow_wrapper{display:none;}

	}
@media screen and (min-width:360px) and (max-width:400px){
.n-bnr-text-4 p {
 line-height:54px !important;
}
}
@media screen and (max-width:360px){
.bx-wrapper .bx-pager {
		bottom:168px;
		}	
.n-tpbnr-text{ top:102px;}
.n-tpbnr-text p{ font-size:23px;}
.n-tpbnr-text p span.text{ font-size:23px;}
.social_link a{ float:left !important;}
.social_link a:first-child{margin-left:20px;}
.social_link a.rss_social{margin-top:10px;}
.social_link a.download_btn{margin-top:10px;margin-left:36px;}
.why_text{ bottom:-10px;}
.service_in ul li{ display:table; float:none; margin:30px auto;}
.service_in ul li + li + li + li, .service_in ul li:last-child{margin-right:auto;}
/* .n-bnr-top-t1{ top:auto; bottom:54px;} */
}


@media screen and (max-width:320px){
/* .n-bnr-top-t1{ top:auto; bottom:78px;}*/
.banner_text {
	top:106px !important;
	}
	
}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
}
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){	
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {



	/* iPhone4 landscape */
	#home{
		margin-top:20%;
	}
	.banner_text{
		top:183px !important;
	}
	.banner_text3{
		width:58% !important;
		bottom:3px !important;;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape){
	/* iPhone4 landscape */
	#home{
		margin-top:23%;
	}
	.banner_text{
		top:183px !important;
	}
	.banner_text3{
		width:58%;
	}
}
@media only screen and (max-width: 767px){
#mobile-header {display: block;}
#navigation {
    display: none;
}
header nav {
	display:none;
	}
.leader{
	padding-top:0px;
	padding-bottom:35px;
}
.how_txt{
	width:94%;
	padding:0 3%;
}
.how_txt p{
	line-height:22px;
}
.leader_des_right p, .leader_des_right p span.top, .inner_main p.mar_set{
	font-size:16px;
	line-height:22px;
}
.client{
	padding-bottom:20px;
}
.brand_ser {
	padding-top:30px;
}
.inner_ser ul{
	margin-top:30px;
}
.agree{
	padding-bottom:30px;
}
.vid_text_in{
	margin-top:30px;
	width:94%;
	padding-left:3%;
	padding-right:3%;
}
.vid_text_in p{
	font-size:16px;
	line-height:22px;
}
.vid_sec ul{
	margin-top:30px;
}
footer, .inner_bg_new{
	display:none;
}
.inner_main{
	padding-top:15px;
}
.inner_main p.mar_set2{
	width:94%;
	padding-left:5%;
	padding-right:3%;
	line-height:22px;
	padding:7px 5% 7px 5%;
}
.font17{
	font-size:14px !important;
}
.live_breath_in{
	padding-bottom:20px;
}
.counter_in p{
	width:94%;
	padding-left:3%;
	padding-right:3%;
	line-height:22px !important;
	font-size:14px !important;
}
.inner_main p, .how_txt p{
	width:94%;
	padding-left:5%;
	padding-right:3%;
	line-height:22px;
	font-size:16px;
	margin-left:0px;
}
.inner_main h4, .how_txt h5{
	width:94%;
	padding-left:5%;
	padding-right:3%;
}
.counter_in{
	padding-bottom:15px;
}
.n-bnr-top-t2{
	bottom:156px;
}
.inner_main p.mar_set, .inner_main h4, .how_txt h5{margin:0px;}
.inner_main h4, .how_txt h5{
	font-size:18px;
}
.how_txt h5{margin-top:20px;} 
	
}

@media screen and (min-width:340px) and (max-width:520px){

.hdrText{width:auto; text-align:center;margin:40px 2% 0; font-size:14px;}
.menu_media_cont{float:right; margin-right:30px;}
}
@media screen and (min-width:768px){

nav#sidr-id-sidr .sidr-class-logo, nav#sidr .logo{
	display:none;
}
}
@media screen and (max-width:500px){
	.service.desktop_version{
		display: none !important;
	}
	.service_mobile{
		display:block !important;
	}
}
@media screen and (max-width:380px){
	.service_mobile li p {
    	font-size: 13px;
	}
	.how_txt h5{margin-top:10px;} 
}
@media screen and (min-width:360px) and (max-width:640px){

	#home{
    	margin-top:15%;
	}
	.banner_text {
 	   top: 126px !important;
	}
	.n-bnr-text-3 {
    	bottom: 6px;
	}
	.n-bnr-text-3 p span.text {
    	line-height: 10px !important;
	}
	.n-bnr-text-4{
		bottom:12px;
	}
	.banner_text4 p span.text{
		 margin-top: 16px;
	}
	.future_txt img {
    	float: right;
    	margin: 0 7% 0 0;
	}
	.banner_text_one {
	    margin-left: 5%;
	}
	.banner_text4 span.text {
	    margin: -1px;
	}
	.banner_text4 p span.text {
    	margin-top: 0;
	}
	.n-bnr-text-4 p {
    	line-height: 72px;
	}
	.leader_des_right p span.top_txt {
	    font-size: 19px;
	}
	.inner_ser{
		width:89%;
	}
	.inner_ser ul{
		margin:40px 0 0; 
	}
	.n-bnr-text-3 p span.text {
		float:none;
		display:block;
		}
	
}
@media screen and (min-width:620px) and (max-width:640px){
	.banner_text{
		top:196px !important;
		}
	.bx-wrapper .bx-pager {
		bottom:196px;
		}	
	.n-bnr-text-3 {
		bottom:9px;
		}
	.n-bnr-text-4 {
		bottom:14px;
		}	
		.banner_text4 p {
			line-height:70px;
			}
		.banner_text3 p {
			line-height:47px;
			}	
		.banner_text_one {
			bottom:14px;
			}	
}
@media screen and (min-width:480px) and (max-width:640px){
body#top .bx-wrapper .bx-pager {
bottom: 200px;
}
.how_main .how_txt {
width: 88%;
padding: 0 3%;
}
.how_main .brands {
width: 98%;
float: left;
margin-left: 2%;
margin-top: -15px;
}
body#top .inner_main .tablet_size{
margin-top: -20px !important;
}
#we_right p.mar_set span.font17{
margin-top: -12px !important;
display: block;
}
body#top .counter_in p span.col {
font-size: 14px !important;
line-height: 20px;
}
#home {
margin-top: 11.1%;
}
	.banner_text{
		top:206px;
	}
	.inner_ser ul li{
		margin-right:0px;
	}
.banner_text2 p {
	font-size:14px;
	}
.banner_text2 {
	padding:20px 0 0px;
	}
.count_down {
	display:none;
	}			
}
@media screen and (min-width:640px) and (max-width:642px){
	.banner_text{
		top:214px !important;
	}
	.n-bnr-text-3 {
		bottom:10px;
		}
	.banner_text4 p {
		line-height:72px;
		}	
	}
@media screen and (min-width:320px) and (max-width:359px){
.space_10 {
height: 0px;
}
.brands {
width: 95%;
float: left;
margin-left: 2%;
}
	.banner_text{
		top:152px !important;
	}
	.logo a img {
		width:74px;
		margin-right:20px;
		margin-left:5px;
		}
	.n-bnr-text-4 p {
    	line-height: 37px;
	}
	.hdrText {
    	font-size: 12px;
    	margin: 40px 1% 0;
	}
	.social_link a:first-child {
		/*margin-left:auto;
		float:none !important;*/
	}
	.social_link a{
		/*float: none !important;*/
	}
	.social_link {
	    width: 320px;
	}
.counter_in p span.col {
	font-size:14px;
	line-height: 18px;
	}
.counter_in p span.col strong{
	font-size:14px;
	}		
}
@media screen and (max-width:590px){
	.inner_ser ul {
    	padding: 0 2%;
    	width: 100%;
	}
	.inner_ser ul li:nth-child(3), .inner_ser ul li:nth-child(6), .inner_ser ul li:nth-child(9), .inner_ser ul li:nth-child(12), .inner_ser ul li:nth-child(15),
	.inner_ser ul li:nth-child(18), .inner_ser ul li:nth-child(21), .inner_ser ul li:nth-child(24), .inner_ser ul li:nth-child(27), .inner_ser ul li:nth-child(30)
	{
		margin: 2%; 
	}
	.inner_ser ul li {
    	margin: 2%;
    	width: 44%;
	}
	.ser_box {
	    height: auto;
    	width: 100%;
	}
}

@media screen and (max-width:355px){
	.brands_in ul li a.brand_box {
		height: 100px;
		width: 100%;
	}
	.brands_in a span {
	    margin-left: 42px !important;
    	margin-top: 22px !important;
	}
	.brands_in a.brand_box_1 span{
		margin-left: 29px !important;
    	margin-top: 40px !important;
	}
	.brands_in a.brand_box_2 span{
		margin-left: 6px !important;
    	margin-top: 40px !important;
	}
	.brands_in a.brand_box_5 span, .brands_in a.brand_box_7 span{
		margin-left: 9px !important;
    	margin-top: 41px !important;
	}
	.brands_in a.brand_box_8 span, .brands_in a.brand_box_12 span{
		margin-left: 6px !important;
    	margin-top: 45px !important;
	}
	.brands_in a.brand_box_10 span{
		margin-left: -2px !important;
    	margin-top: 45px !important;
	}
	.brands_in a.brand_box_13 span, .brands_in a.brand_box_14 span{
		margin-left: 26px !important;
    	margin-top: 38px !important; 
	}
}
@media screen and (min-width:768px) and (max-width:770px) {
body .dog_banner {
background: url(../images/dog_bg.jpg) no-repeat 0 0 / 145%;
}
body .inner_main p {
font-size: 17px !important;
}
.counter_in p span.col {
padding-right: 3%;
padding-left: 3%;
}

body .inner_main p.tablet_size{font-size: 17px !important;}
	.contact_in_left {
		width:38% !important;
		}
	.contact_rgt {
		width:51% !important;
		margin:0px 0 0 10px;
		}	
		.blog_cont_left h5 {
			font-size:14px !important;
			}
		.blog_cont_right h5 a {
			font-size:23 !important;
			}	
		.blog_mid p {
			font-size:23px !important;
			}	
		.contact_input {
			background:none !important;
			}	
		.contact_tarea {
			background:none !important;
			}	
	.how_txt p span.font17px {
		padding:0 20px !important;
		margin-left:30px !important;
		}	
.inner_main p {
	line-height:24px !important;
	}
.banner_text {
	bottom:142px !important;
	}	
.banner_text2 {
	padding:40px 0 20px !important;}		
.par-set { padding:3% 0 5% 0 !important;}		
.how_txt p, .leader_des_right p, p.desktop_client_text, .why_vid .vid_text_in p, .client p {
	margin-left:30px;
	margin-right:30px;
	}
	.footer_box {
		width:28.8% !important;
		}	
	.service_in ul li {
		margin:0 0 19px 11px !important;}		
	.vid_sec {
		padding-left:5px !important;
		}
	.leader_des_right p {
		margin-left:0px !important;
		margin-right:0px !important;
		}
	.how_main .how_txt h5 {
		margin:0 0 0 !important;
		}	
	.brand_ser {
		padding: 50px 0 76px !important;
		}	
		p.desktop_client_text {
			margin-left:0px !important;
			margin-right:0px !important;
			padding-left:5% !important;
			padding-right:5% !important;
			}
		.how_txt {
			margin-top:45px !important;
			}
		.why_vid .vid_text_in {
			margin:45px 0 0 !important;
			}
		.vid_text_in p {
			line-height:24px !important;
			}	
		.why_top_in {
			bottom:115px !important;}					
	}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/*.da-thumbs li article.da-animate{display:none;}*/
.client_box_top img{ top:0px !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1 ;}
.client_box_top .red_bar{display:none !important;}
body .dog_banner {
	/*background-size:100% 100% !important;*/
}
.dog_banner{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/dog_bg.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 500px !important;
    min-height: 500px !important;
	margin:0 !important;
	padding:0 !important;
	width:101%;
	background-position:-1px 0;
}
}
@media only screen  
and (max-device-width : 1024px) 
and (orientation : landscape) {	
/*.da-thumbs li article.da-animate{display:none !important;}*/
.client_box_top img{ top:0px !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1 ;}
.client_box_top .red_bar{display:none !important;}
.da-thumbs li article.da-animate{
	display:none !important;
}
.why_top {
	margin:0 !important;
	padding:0 !important;
	width:101%;
	background-position:-1px 0;
	/*height:950px !important;
	min-height:950px !important;*/
	background-size:120% 12%;
	width:100%;
	background-position:50% 0;
}
}
@media screen and (min-width:768px) and (max-width:1024px){	 

.vid_sec ul {
margin-left: 30px;
}
.why_vid {
margin-bottom: 30px;
}

/*.da-thumbs li article.da-animate{display:none !important;}*/
	.service_in ul li {
		display: inline;
		float: left;
		list-style: none outside none;
		margin: 0 -3px 19px 8px;
		width: 23%;
	} 
	#client_wall_wrapper {
    	padding-bottom: 30px;
	}
	.how_txt h5{
		margin:-2% 0;
	}
	.client_box {
		float: left;
		height: auto;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.client_box_in p{
		 font-size: 10px;
	}
	.inner_ser ul {
    	padding: 0 2%;
    	width: 100%;
	}
	.inner_ser ul li {
    	margin: 1%;
    	width: 30%;
	}
	.ser_box {
	    height: auto;
    	width: 100%;
	}
	.banner_text3.n-bnr-text-3 {
		bottom:20px !important;
		}
	.banner_text4.n-bnr-text-4 {
		bottom:20px !important;
		}
	.banner_text4.n-bnr-text-5 {
		bottom:20px !important;width: auto;}	
	.counter h4 span {
		font-size:80px;
		}
	.counter h4 {
		font-size:80px !important;
		}			
	.vid_sec ul li {
    	display: inline;
    	float: left;
    	margin: 0 1% 40px 1%;
    	width: 30%;
	}	
	.vid_sec_box {
		height: auto;
		width: 100%;
	}
	.vid_sec_box a {
    	height: 115px;
	}
	.footer_box {
 	   width: 28%;
	}
	.footer_add img {
    	display:none;
	}
	.banner_text {
    	bottom: 167px;
	}
	.banner_text p{
		text-shadow:none !important;
		}
	.footer_box{ margin-top:59px; }
	.footer_box .footer_in {
		width: 86%; 
		margin-left:35px;
	}
	.cma img{
		padding:0;
	}
	.footer_box .footer_in a{
		margin-right:4px; 
		margin-left:4px; 
	}
	.footer_box .footer_in a.ftpIcon{
		margin:0 auto;
	}
	.logo{
		margin-left:15px;
	}
	.how_txt{
		width:98%;
	}
	.vid_text_in{
		width:98%;
	}
	.why_vid .vid_sec_box p {
		margin-top:0px;
	}
body .bx-wrapper img.down_arrow {
	display:none !important;
	}	
.dog_banner,  {
		height:500px !important;
		min-height:500px !important;
		}
.dog-w-stick{
			background-size:541px 400px;
			right:-71px; 
			}
		.gl_design {
			height:500px !important;
		min-height:500px !important;
		background: url(../images/design_bg.jpg) no-repeat top center;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;	
width:101%;
background-position:-1px 0;		
		}
		/*.dog_banner{
			height:500px !important;
			min-height:500px !important;
			background: url("../images/dog_bg.jpg") no-repeat top center;
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;	
}*/
		.fun_main {
			height:500px !important;
		min-height:500px !important;
		background: url(../images/fun_bg.png) no-repeat center center;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;	
width:101%;
background-position:-1px 0;		
		}
		.fun_inner {
			top:12px;
			background-size:50% 400px;
			min-height:496px;
			}	
			.banner_text_one {
				bottom:15px !important;
				}
		.business_main	{
			overflow: hidden;
			height:500px !important;
			min-height:500px !important;
			background: url(../images/business_bg.jpg) no-repeat center center;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -o-background-size: cover !important;
      background-size: cover !important;	
	  width:101%;
background-position:-1px 0;		
			}
		.business_inner {
			top:-86px;
			background-size:115% 482px;
			}	
		.inner_main p {
			font-size:19px !important;
			}
		.future_txt p{
			font-size:17px !important;
			}	 
			.word {
			font-size:80px !important;
		} 
		.counter p {
			font-size:18px;
			}
		.counter{
			padding-bottom:4.5%;
			}	
			.par-set {
				padding:3% 0 3%;
				}
			.counter_in p span.col {
    color: #999999;
    float: left;
    font-size: 17px;
    margin: 2% 0 15px;
	line-height:28px !important;
}	
.inner_main p.mar_set2 {
	margin-top:10px !important;
	}
	.down_arrow_wrapper {
			display:none !important;
			}	
.mar_set{
	margin:0% 0 3%;
	padding:2% 0 1%;
	}
}
@media screen and (min-width:1023px) and (max-width:1124px) {
	.banner_text_one {
				bottom:14px !important;
				}
				.blog_left h4 {
					font-size:23px !important;
					}
			/*.dog_banner {			
    background-size: 100% 100% !important;
    background-attachment: inherit;
		}	*/
		.fun_inner {
			top:-36px;
			background-size:50% 400px;
			min-height:496px;
			}			
	.word {
		font-size:115px !important;
		}
		.business_inner {
			top:-125px;
			background-size:95% 482px;
			}	
		.noMarginR {
			margin-left:15px !important;
			}	
		.down_arrow_wrapper {
			display:none !important;
			}	
	.counter {
		min-height:245px !important;
		}	
		.counter p {
		font-size:20px;
		}
	.banner_text {
		bottom:140px !important;
		}
	.slide1 .banner_text{
		bottom:143px !important;
		}
		.brands_in ul {
			width:90%;
			margin:0 auto;
			padding-left:60px;
			}
		.brands_in ul li {
			width:22% !important;
			}
			/*.gl_design {
				background:url("../images/a.jpg") no-repeat fixed center top / cover  rgba(0, 0, 0, 0) !important;
				}	*/
			.counter h4 span {
				font-size:115px !important;
				}
			.counter h4 {
				font-size:115px !important;
				}	
				.par-set {
					padding:3% 0 6% 0 !important;
					}	 
				.footer_box.md-footer-box {
					margin-left:57px !important;
					}
				.how_txt {
					margin:20px 0 !important;
					}
				.client{
					margin:15px 0;
					}
				.why_vid .vid_text_in {
					margin:45px 0 0;
					}				
	}
@media screen and (min-width:1050px){	
	.brand_main{
		 height: 860px !important;
	}
}
@media screen and (min-width:502px) and (max-width:767px){	
	.service_in ul li {
		display: inline;
		float: left;
		list-style: none outside none;
		margin: 0 3px -19px;
		width: 24%;
	}
	.client_box{
		width:100%;
	}
	.client_box_in p{
		font-size: 10px;
	}
}
  
@media screen and (max-width:481px){
	section.counter.count_down{
		display:none;
		opacity:0;
	}
	.client_box_in p.nor {
    	font-size: 11px;
	}
	.da-thumbs li article h3 {
	    font-size: 16px;
	}
	.vid_sec ul li {
    	display: inline;
    	float: left;
    	margin: 0 1% 40px 1%;
    	width: 48%;
	}	
	.vid_sec_box {
		height: auto;
		width: 100%;
	}
	.vid_sec_box a {
    	height: 105px;
	}
	.brands_in ul li {
		display: table;
		float: left;
		margin: 1%;
		width: 29.5%;
	}
	.brands_in ul li a.brand_box {
		border: 1px solid #2E2E2E;
		float: left;
		height: 100px;
		width: 100%;
	}   
}
.footer_in a{
	margin:5px;
}
p.desktop_client_text{
	display:block;
}
p.mobile_client_text{
	display:none;
}
@media screen and  (max-width:641px){	
	#contact_title{
		padding:0 5%; 
	}
	.blog_mid p {
    	font-size: 16px;	
	}
	.blog_left h4 {
	    font-size: 30px;
	}
	.blog_cont_right h5,.blog_cont_right h5 a{
		font-size:15px;
	}
	#contact_title.contact_us_title{
		font-size:20px !important; 
	}
	.blog_cont_right p {
    	font-size: 14px;
    	line-height: 20px;
	}
	.inner_main p, .how_txt p, .client p, .how_txt p span.font17px, .vid_text_in p{ 
		font-size: 14px; 
    	line-height: 20px;
	}
	.leader_des_right p, .leader_des_right p span.top, .inner_main p.mar_set{
		font-size: 14px; 
    	line-height: 20px;
		padding:7px 5% 7px 5%;
	}
	.client h4 {
    	font-size: 16px;
    	margin: -2% 0 5px;
	}
	.inner_main h4, .how_txt h5, .vid_text_in h4{
		font-size: 16px; 
		
	}
	.leader_des_right{
		margin-top:0;
	}
	.leadership_style .col:first-child{
		margin-bottom:20px;
		overflow:hidden;
	}
	p.desktop_client_text{
		display:none;
	}
	p.mobile_client_text{ 
		display:block;
    padding-left: 10px;
    padding-right: 10px;
	}
	.client_box_in p.nor{
		
	}
	.why_text{
		bottom: 19px;
	}
	.client_box_in p.nor{
		font-size:16px;	
	}
	.vid_sec_box a {
    	height: 108px;
	}
	.footer_top p{
		font-size:16px;
		padding:0 5%;
	}
	.vid_sec_box p {
	    font-size: 13px;
    	line-height: 19px;
    	margin: 5px 0 0 15px;
	}  
	.client_box{
		min-height:70px; 
		height:auto;
	}
	.client_box_top{
		height:70px;
	}
	.vid_sec ul {
		padding: 0 0 0 1.5%;
	}
	.why_vid{
		padding-bottom:20px;
	}
	.n-why-btm-txt p{
		line-height: 30px;
	}
	.why_top_in{
		bottom: 98px;
	}
	.vid_sec_box a {
    	max-height: 88px;
	}
	.vid_sec_box{
		max-height:135px;
	}
	.leader_social p{
		margin-bottom:10px;
		float:none;
	}
	#client_wall_wrapper {
    	padding-bottom: 30px;
	}
	.how_txt p span.font20px{
		font-size:15px;
	}
}
@media screen and (min-width:362px) and (max-width:570px){
	.n-why-btm-txt p{
		line-height: 30px;
	}
	.why_top_in{
		bottom: 98px;
	}
	.leader_des_right p span.top_txt{
		font-size:19px;
	}
	.client h4{
		margin:-2% 0 5px;
	}
	/*.how_txt h5{
		margin-top:0;
	}*/
	.client_box_in p.nor {
    	font-size: 15px;
	}
	.vid_text_in p{
		margin: 5px 0 0;
	}
	.vid_sec_box{
		height:127px;
	}
	.why_vid{
		/*margin-bottom:20px; */
	}
	/*
	.how_txt h5{
		margin-top:25;
	}*/
	.vid_sec_box a {
    	height: 81px;
	}
	.brand_ser .how_txt h5 {
		margin-top:0;
	}
}
@media screen and (max-width:361px){
	.brand_main{
		margin-bottom: 0;
	}
	.why_vid{
		padding-bottom:20px;
	}
	.n-why-btm-txt p{
		line-height: 10px;
	}
	.why_top_in {
    	bottom: 56px; 
	}
	.vid_sec_box a {
    	max-height: 108px;
	}
	.client_box_in p.nor{
		font-size:11px;	
	}
}
@media screen and (min-width:322px) and (max-width:361px){
	.why_text {
    	bottom: -10px; 
	}
	.vid_sec_box a {
    	height: 110px;
	}
	.vid_sec_box a {
max-height: 110px;
}
	.n-why-btm-txt p{
		line-height:14px;
	}
.business_inner{
	background-size:440px 327px;
	}


}

@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : portrait) 
{  

	.inner_ser ul li {  
    	margin: 2%;
    	width: 45%;
	}
	.vid_sec ul {
		padding: 0;
	}
	.work_main ul li.isotope-item {
    	float: none !important;
    	margin: 1% !important;
    	width: 47% !important;
	}
	.da-thumbs li article h3{
		font-size:12px;
	}
	.pro_count p strong {
    	color: #505457;
   		font-size: 20px;
	}
	.da-thumbs li article p{
		padding-left:0;
	}
	.vid_sec_box p {
		font-size: 13px;
		line-height: 19px;
		margin: -35px 0 0 7px; 
	}
	.why_text{
		bottom: -11px;
	}
}
@media screen and (max-width:361px){
	.how_txt h5{
		margin-top: 20px;	 
	}
	.leader_des_right p span.top {
		padding:7px 0;
		}
	.leader_des_right p span.top_txt{
		font-size:19px;
	}
	 
	.brand_ser .how_txt h5{
		margin-top: 0;
	}
	.how_txt p span.font20px {
	    font-size: 15px; 
	}
	.why_vid .vid_text_in p{
		margin:7px 0 0;
	}
	.leader_social a {
		padding-left:5% !important;
		margin-right:0px !important;
		}
}
.service_mobile ul {
	list-style:none;
}
.client_box_in img{
	margin-top:3px;
}
@media screen and (min-width:480px) and (max-width:767px){
	.blog_top {
    	margin-top: 115px;
	}
}
@media screen and (min-width:350px) and (max-width:481px){
	.why_text{
		bottom: -10px;
	}
	.n-why-btm-txt p{
		line-height:7px;
	}
	.why_top_in {
    	bottom: 56px;
	}
}
@media screen and (min-width:1023px) and (max-width:1030px){
	.how_main {
    	min-height: 530px;
	}
	.banner_text_one{bottom:14px !important;}
	.fun_inner {
		background-size:34% 400px;
		top:-18px;
		}
}
nav {
    margin: 36px 0 0;
}
nav {
   /* margin: 28px 6px 0;*/
}
@media screen and (min-width:767px) and (max-width:1003px){
	nav {
   		margin: 28px 15px 0; 
	}
}
@media screen and (min-width:1023px){
.why_vid .vid_sec_box p {
		margin-top:16px;
	}
}
.why_top .why_top_in p{
	font-family:"helvetica_neue_lt_std77BdCn";
}
@media screen and (min-width:730px) and (max-width:780px){ 
  .brand_main {
background: url("../images/brand_bg.jpg") repeat scroll 0 0 / 145% auto rgba(0, 0, 0, 0);
}
	.how_txt p, .leader_des_right p, p.desktop_client_text, .why_vid .vid_text_in p, .client p{
		font-size:17px !important;
	}
	.leader_des_right p span.top{
		font-size:18px;
	}
	h5, span.top_txt, h4, .footer_top p{
		font-size:23px !important;
	} 
	.ser_box .ser_mar{
		margin:5px 0;
	}
	.brand_main {
    	height: 600px;
	}
	.footer_box h5{
		font-size:16px !important;
	}
}
@media screen and (min-width:768px) and (max-width:769px){
	.how_txt p, .leader_des_right p, p.desktop_client_text, .why_vid .vid_text_in p, .client p{
		font-size:17px !important;
	}
	.leader_des_right p span.top{
		font-size:18px;
	}
	h5, span.top_txt, h4{
		font-size:23px;
	}
}
.cma {
    margin: 80px 0 0;
    width: 98%;
}
@media screen and (min-width:567px) and (max-width:570px){
	.banner_text p span.text {
		font-size:40px !important; }
	.banner_text {
		top:173px !important;
		 }	
	 .blog_mid p {
		 font-size:16px !important;
		 
		 }
	.blog_cont_right h5, .blog_cont_right h5 a {
		font-size:15px !important;
		} 
	.blog_mid p span {
		font-size:15px !important;
		}	 
	 .n-bnr-text-3 {
		 bottom:10px;
		 }
	.banner_text2 p {
		font-size:14px !important;
		padding:0 0%;
		line-height: 20px;
		}
	.banner_text2 {
		width:90%;
		padding:20px 5% 0 5%;
		}
	.n-bnr-text-3 {
		bottom:10px !important;
		
		}
	.banner_text {
 	   top: 173px !important;
	}
	.n-bnr-text-4 {
		bottom:15px;
		}	
	.banner_text4 p {
		line-height:70px;}	
	.count_down {
		display:none;
		}
	.banner_text4 p {
		line-height:70px !important;
		}
	.counter_in p span.col {
		font-size:14px;
		}	
	#we_right {
		padding:1% 0 1% !important;
		}
	.mar_set{
		 margin:1% 0 3% 0;
	}	
	.banner_text_one {
		bottom:15px;
		}
		.banner_text_one {
			bottom:15px;
			}			
	.bx-wrapper .bx-pager {
		bottom:200px;
		}					
}
@media screen and (min-width:360px) and (max-width:361px){
	.n-bnr-text-4 {
		bottom:11px;
		}
	}
@media screen and (min-width:320px) and (max-width:322px){
.brands_in a.brand_box_2 span {
height: 20px;
}
.brands_in a.brand_box_5 span {
height: 14px;
}
.brands_in a.brand_box_7 span {
height: 15px;
}
.brands_in a.brand_box_10 span {
height: 12px;
}
.brands_in a.brand_box_12 span {
height: 18px;
}
.brands_in a.brand_box_14 span {
height: 25px;
}
	.banner_text2 p {
		padding:0 3%;
		}
	.how_txt {
		padding:0px !important;
		}
	a.brand_box_0 span {
		margin-left:20px !important;
		margin-top:27px !important;
		}
	.brands_in a.brand_box_1 span {
		margin-left:2px !important;
		margin-top:40px !important;
		background-size:87px 54px !important;
		}
		.brands_in a.brand_box_2 span {
		margin-left: 2px !important;
		margin-top: 44px !important;
		background-size: 85px 40px !important;
		}		
	a.brand_box_3 span {
		margin-left:17px !important;
		margin-top:33px !important;
		}			
	a.brand_box_4 span {
		margin-left:5px !important;
		margin-top:33px !important;
		}
	.brands_in a.brand_box_5 span {
	margin-left: 2px !important;
	margin-top: 42px !important;
	background-size: 85px 28px !important;
	}
		.brands_in a.brand_box_7 span {
		margin-left: 2px !important;
		margin-top: 40px !important;
		background-size: 85px 30px !important;
		}	
		.brands_in a.brand_box_8 span {
		margin-left:2px !important;
		margin-top:42px !important;
		background-size:84px 27px !important;
		}	
	a.brand_box_9 span {
		margin-left:19px !important;
		margin-top:26px !important;
		}	
		.brands_in a.brand_box_10 span {
		margin-left: 3px !important;
		margin-top: 50px !important;
		background-size: 87px 25px !important;
		}			
	a.brand_box_6 span, a.brand_box_11 span {
		margin-left:9px !important;
		margin-top:29px !important;
		}
		.brands_in a.brand_box_12 span {
		margin-left: 3px !important;
		margin-top: 45px !important;
		background-size: 84px 35px !important;
		}
	.brands_in a.brand_box_13 span{
		margin-left:1px !important;
		margin-top:38px !important;
		}		
		.brands_in a.brand_box_14 span {
		margin-left: 6px !important;
		margin-top: 40px !important;
		background-size: 73px 50px !important;
		}				
	}	
@media screen and (min-width:359px) and (max-width:362px){
	.how_txt {
		padding:0px !important;
		}
	a.brand_box_0 span {
		margin-left:25px !important;
		margin-top:27px !important;
		}
	.brands_in a.brand_box_1 span {
		margin-left:7px !important;
		margin-top:40px !important;
		background-size:87px 54px !important;
		}
	.brands_in a.brand_box_2 span {
		margin-left:9px !important;
		margin-top:40px !important;
		background-size:85px 54px !important;
		}		
	a.brand_box_3 span {
		margin-left:23px !important;
		margin-top:33px !important;
		}			
	a.brand_box_4 span {
		margin-left:11px !important;
		margin-top:33px !important;
		}
	.brands_in a.brand_box_5 span {
		margin-left:9px !important;
		margin-top:40px !important;
		background-size:85px 38px !important;
		}	
	.brands_in a.brand_box_7 span {
		margin-left:8px !important;
		margin-top:40px !important;
		background-size:85px 38px !important;
		}	
		.brands_in a.brand_box_8 span {
		margin-left:8px !important;
		margin-top:40px !important;
		background-size:84px 27px !important;
		}	
	a.brand_box_9 span {
		margin-left:26px !important;
		margin-top:26px !important;
		}	
	.brands_in a.brand_box_10 span {
		margin-left:7px !important;
		margin-top:40px !important;
		background-size:87px 30px !important;
		}			
	a.brand_box_6 span, a.brand_box_11 span {
		margin-left:16px !important;
		margin-top:29px !important;
		}
	.brands_in a.brand_box_12 span {
		margin-left:9px !important;
		margin-top:40px !important;
		background-size:84px 45px !important;
		}	
	.brands_in a.brand_box_13 span{
		margin-left:7px !important;
		margin-top:38px !important;
		}		
	.brands_in a.brand_box_14 span {
		margin-left:7px !important;
		margin-top:33px !important;
		background-size:87px 78px !important;
		}				
	}	
@media screen and (min-width:640px){
	.brands_in ul li {
		width:28% !important;
		}
				
	}	
@media screen and (min-width:800px){
	.brands_in ul li {
		width:22% !important;
		}
				
}
@media screen and (min-width:1025px){
	.brands_in ul li {
		width:19% !important;
		margin:0 9px 5px 0;
 	}
}
@media screen and (min-width:767px){
	.bx-controls{display:block;}
}
.brand_main {
    	/*background:url("../images/brand_bg.jpg") repeat scroll 0 0 / 145% auto rgba(0, 0, 0, 0);*/
	}
@media screen and (max-width:569px){
	.logo img {
    	max-width: 50% !important;
	}
	.hdrText {
    	margin-top: 25px !important;
	}
	#mobile-header, .menu_media_cont{
		margin-top:20px !important;
		margin-left:20px !important;
	}
	.leader_social a.twitterIcon{
		margin-left:5% !important;
		
	}
	.brands_in ul li {
		display: table;
		float: left;
		margin: 1%;
		width: 29.5%;
	}
	.leader_des_right p span.top{
		padding-left:0 !important;	
	}
	.how_main .how_txt h5{
		margin-top:24px !important;
	}
	.blog_cont_left h5{
		font-size:14px;
	}
	#client_wall_wrapper img{
		width:97% !important;
	}
	p.mobile_client_text{
		padding:0 3% !important;
	}
	.client_box_in img{
		margin-top:0 !important;
	}
	.service_mobile li{
		 margin: 7px 1% 0 !important;
	}
	.service_mobile ul {
		float: left;
		margin-bottom: 15px;
		margin-top: 8px;
		overflow: hidden;
	}
	.blog_cont_right h5, .blog_cont_right h5 a {
		font-size:15px !important;
	}
	.blog_cont_right p {
    	font-size: 14px !important;
    	line-height: 20px;
	} 
	.blog_mid p {
    	font-size: 16px !important;
	}
	.brand_main {
    	background:url("../images/brand_bg.jpg") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
	}
	.brand_main {
		background-size:148% !important;
	}
	.gl_design {
	background: url("../images/design_bg.jpg");
	background-size: cover;
	}
	.business_main{
		background:url("../images/business_bg.jpg") repeat scroll 0 50% rgba(0, 0, 0, 0);
		background-size: cover;
	}
	.fun_main{
		background:url("../images/fun_bg.png")repeat scroll 0 50% rgba(0, 0, 0, 0);
		background-size: cover;
	}
	
	.fun_inner {
		background: url("../images/fun_bg_roll.png") no-repeat scroll center bottom / 35% auto rgba(0, 0, 0, 0);
	}
}
@media screen and (min-width:450px) and (max-width:569px){
	.banner_text {
    	top: 182px !important;
	}	
}
@media only screen and (min-width : 360px) and (max-width : 660px) and (orientation : landscape) { 
    .logo img {
  max-width: 42% !important;
  }
  body .why_top {
  background-size: cover;
  }
.leader_des_right p span.top {
padding: 0;
}

}
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) { 

  /* iPhone 5 in landscape */
  .logo img {
  max-width: 42% !important;
  }
  body .why_top {
  background-size: cover;
  }
.leader_des_right p span.top {
padding: 0;
}
  .work_main ul li.isotope-item {
    float: none !important;
    margin: 1% !important;
    width: 46% !important;
  }

  .isotope .isotope-item .work_box {
   height: auto;
   width: 100%;
   background: none repeat scroll 0 0 #222627;
   float: left;
   position: relative; 
  }

}

@media screen and (max-width:321px){
	.brands_in ul li {
		display: table;
		float: left;
		margin: 1%!important;
		width: 29.5%;
	}
	.brands_in ul{
		float:left;
		overflow:hidden;
		margin-left:2.75%; 
	}
	.why_vid .vid_text_in p{
		padding:7px 3% 0 !important;
	}
	.vid_sec_box p {
		font-size: 13px;
		line-height: 14px;
		margin: -37px 0 5px 7px;
	}
	/*.bx-controls{display:none;}*/
	#home .banner_text {
    	top: 107px !important;
	}	
	#home #slider1 .banner_text2 p {font-size:14px !important; width: 100%;}  
	.inner_main p.mar_set{
		font-size:14px !important;
		width: 91%;
	}
	.inner_main .future_txt  p{width: 91%;}
	.inner_main p.mar_set2 {
	width: 93%;
	line-height: 20px;
	padding-bottom: 0px;
	}
	.brand_main {
    	background:url("../images/brand_bg.jpg");
	}
	.brand_main {
		background-size:158% !important;
	}
	.work_main ul {
		margin: 0;
		padding: 0;
	}
	.work_main ul li {
		display: inline-block;
		margin: 5px;
		width: 46%;
		position:relative;
	}
	.work_box {
		background: none repeat scroll 0 0 #222627;
		float: left;
		width: 100%;
		height:auto;
		position:relative;
	}
	.da-thumbs li article {
		display:none;
	}
	.da-thumbs li:hover article {
		background: none repeat scroll 0 0 #C61C2C;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		display:block;
	}
	#slider1 .banner_text2{
		 margin: 8px auto;
	}
  .work_box {
width: 100%;
height: 100%;
min-height: 160px;
} 
.work_box p {
font-size: 10px;
line-height: 11px;
}
.work_box p span {
font-size: 15px;
line-height: 15px;
}
}
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) {

.da-thumbs li article.da-animate{display:none;}
	
    /* CSS here */
 	.vid_sec_box p {
		font-size: 13px;
		line-height: 14px;
	}
	#home #slider1 .banner_text2 p,  .inner_main p.mar_set{
		font-size:14px !important;
	}   
}
@media screen and (max-device-width : 480px) and (orientation:portrait) {

	.fun_inner {
		background: url("../images/fun_bg_roll.png") no-repeat scroll center bottom / 65% auto rgba(0, 0, 0, 0);
	}  
}
@media screen and (min-device-width : 700px) and (max-device-width : 780px) and (orientation:portrait) {
	.why_top {
    	background-size: 140% 9%;
		width:100%;
	}
	.dog_banner{
		height:450px !important;
		min-height:450px !important;
		background-size: 100% 100%;
		width:100%;
	}
	/*.da-thumbs li article.da-animate{display:none !important;}*/
	.client_box_top img{ top:0px !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1 ;}
.client_box_top .red_bar{display:none !important;}
}
@media screen and (min-width:800px) and (max-width:1200px){

.why_top {
    position:relative;
}
}

#mobile-header {
    display: none;
    height: 20px;
    line-height: 48px;
    text-align: left;
}

#mobile-header #responsive-menu-button span {
	content:"";
	background:url(../images/nav-icon.png) no-repeat center top;
	height:20px;
	display: inline-block;
	float:left; font-size:0px; 
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 0px;
    margin-left: 5px;
    padding: 15px 15px 8px 15px;
	
}


@media only screen and (max-width: 767px){
#mobile-header {display: block;}
#navigation {
    display: none;
}
}

			.leadership_style{
				width:98%;
				overflow:hidden;
				float:left;
				margin-top:40px;
			}
			.leadership_style .col{
				width:49%;
				padding:0 .5%;
				float:left;
			}
			.leadership_style .col img{
				width:100%;
				height:auto;
				margin-bottom:20px;  
			}
			.leadership_style .leader_des_right{
				width:96%;
				padding:0 2%;
			}
			@media screen and (max-width:600px){
				.leadership_style .col{
					width:97%;
					float:none;
					margin:0 auto;
					padding:0 1.5%;
				}
			}
.isotope .isotope-item .work_box a {
	width:100%;
	height:100%;
	display:block;
}
.blog_drop.dropdown{
	display:block;
}
.blog_drop{
	display:none;
}
@media screen and (min-device-width : 320px) and (max-device-width : 350px) and (orientation:portrait) {
	.dog_banner{
		height:260px !important;
	}
	.why_top{
		height:300px !important;
		min-height:300px !important;
		background-size:150% 7%;
		width:100%;
	}
}
@media screen and (min-device-width : 450px) and (max-device-width : 599px) and (orientation:landscape) {
	.dog_banner{
		height:260px !important;
	}	
	.why_top{
		/*height:370px !important;*/
	}
	.why_top{
		height:370px !important;
		min-height:300px !important;
		background-size:100% 7%;
		width:100%;
		background-position:-50% 0;
	}
	#navigation.selected .menu_head{
		height:auto !important;
		overflow:inherit !important;
		width:auto !important;
	}
	#navigation.selected .menu_head p{
		display:none !important;
	}
}
@media screen and (min-width : 700px) and (max-width : 1003px){
	.dog_banner{
		height:400px !important;
	}
}
@media screen and (min-width : 320px) and (max-width : 449px) {
	.dog_banner{
		height:260px !important;
	}	
	.why_top {
		/*background-size: 664px auto;*/
		background-size: cover !important;
		background-position:-425px 0;
	}
  #mobile-header, .menu_media_cont {
margin-top: 20px !important;
margin-left: 0px !important;
}
}
@media screen and (min-width : 450px) and (max-width : 599px) {
	.dog_banner{
		height:260px !important;
	}
	.hdrText {
		margin-left:7px !important;
	}
	.why_top{
		height:370px !important;
		min-height:300px !important;
		background-size:100% 7%;
		width:100%;
		background-position:50% 0;
	}
}
@media screen and (max-width : 1287px){
	.blog_drop.dropdown{
		display:none;
	}
	.blog_drop{
		display:block;
	}
@media screen and (max-width : 770px){
	.vid_sec ul li:nth-child(1),.vid_sec ul li:nth-child(2),.vid_sec ul li:nth-child(3), .vid_sec ul li:nth-child(4), .vid_sec ul li:nth-child(5), .vid_sec ul li:nth-child(6), .vid_sec ul li:nth-child(7), .vid_sec ul li:nth-child(8), .vid_sec ul li:nth-child(9), .vid_sec ul li:nth-child(10), .vid_sec ul li:nth-child(11), .vid_sec ul li:nth-child(12), .vid_sec ul li, .vid_sec ul li .vid_sec_box{margin:3px !important; float:left !important; overflow:hidden; }
}
@media screen and (min-device-width : 320px) and (max-device-width : 1003px) and (orientation:portrait) {
	.client_box_top img{ top:0px !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1 ;}
	.client_box_top .red_bar{display:none !important;}
	.da-thumbs li article.da-animate{
		display:none !important;
	}
}

/*
@media screen and (min-width : 1270px) and (max-width : 1290px){
	#home .bx-wrapper .bx-viewport .slide1, #home .bx-wrapper .bx-viewport .slide2, #home .bx-wrapper .bx-viewport .slide3, #home .bx-wrapper .bx-viewport .slide4,
	#home .bx-wrapper .bx-viewport .slide5, #home .bx-wrapper .bx-viewport .slide6{
		height:600px;
	}
	#home .bx-wrapper .bx-viewport .banner_text, #home .bx-wrapper .bx-viewport .banner_text3, #home .bx-wrapper .bx-viewport .banner_text4{
		bottom:34px;
	}
	.why_top_in{
		margin:350px 0 0 20%;
	}
	.why_top{
		height:600px;
		min-height:600px;
	}
	/*.bx-controls{
		height:125px;
	}
	.banner_text2{
		margin-top:-185px;
	}
	.bx-wrapper .bx-pager{
		bottom:190px;
	}
}*/
@media screen and (min-width : 1023px) and (max-width : 1025px){
.why_top {
    background: url("../images/why_top.jpg") repeat-x fixed center top / 1029px auto rgba(0, 0, 0, 0);
    min-height: 560px;
    width: 100%;
}
.why_top_in {
    margin-top: 345px;
}
.banner_text, .banner_text3, .banner_text4{
	width:800 !important;
	max-width:800px; 
}
}
@media screen and (min-width : 2875px) and (max-width : 2885px){
	#slider1 li{
    	height: 1700px;
		max-height: 1700px;
    	width: 100%;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
.why_text {
bottom: -10px;
}
.why_top_in {
bottom: 60px;
}
}

@media only screen and (max-width: 640px) and (min-width: 360px) and (orientation: portrait){
  .why_top {
    /*background-size: 664px auto;*/
    background-size: cover !important;
   background-position: 69% 0 !important;
    background-repeat: no-repeat;
  }
  #mobile-header, .menu_media_cont {
margin-top: 20px !important;
margin-left: 0px !important;
}
.work_box p {
font-size: 9px;
line-height: 15px;
}
.work_box p strong{
font-size: 10px;
}
.space_10 {
height: 0px;
}
.brands_in ul {
float: left;
}
.business_inner {
background-size: contain;
}
.counter_in p span.col {
line-height: 20px;
}
}

@media only screen and (max-width: 640px) and (min-width: 360px) and (orientation: landscape){
.business_main {
background-position: 0 0;
background-size: cover;
}
    .work_main ul li.isotope-item {
      float: none !important;
      margin: 1% !important;
      width: 47% !important;
  }
  .isotope .isotope-item .work_box {
height: auto;
width: 100%;
background: none repeat scroll 0 0 #222627;
float: left;
position: relative;
}
  .isotope .isotope-item .work_box>a>img {width: 100%}
.work_box p{font-size: 12px;}
.da-thumbs li .ser_box>a>img {
display: block;
position: relative;
margin: 0px;
width: 100%;
}
.space_10 {
height: 0px;
}
.why_top {
background-size: cover;
background-position: -590px 0;
background-repeat: no-repeat;
}
.vid_sec_box p {
font-size: 13px;
line-height: 14px;
margin: -15px 0 5px 7px;
}
.vid_sec_box a {
max-height: 108px;
height: 108px;
}
#mobile-header, .menu_media_cont {
margin-left: 0px !important;
}
.hdrText {
margin-top: 22px;
}
#mobile-header {
margin-top: 25px !important;
}
.business_inner {
background-size: contain;
}
.brand_main {
min-height: 550px;
background-size: cover;
background: url("../images/brand_bg.jpg") repeat scroll 0 0  rgba(0, 0, 0, 0);
}
body .why_top {
background-size: cover;
background-position: 0 0;
}
}
@media screen and (max-width : 600px){
	.why_top{
		display:none !important;
	}
	.why_top_mobile{
		display:block !important;
	}
	.dog_banner{
		height:auto;
	}	
	.fun_inner {
		background-size: 214px 230px;
		min-height: 250px;
	}
}