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

	.main_banner { min-height: 625px; }

	.service_banner { min-height: 625px; }

	.map_content iframe { height: 500px; }

}

@media screen and (max-width: 1230px) {
    
.carousel-1 .info_slide h3{ font-size:45px;}    

.carousel-1 .info_slide h4 {padding:10px 0  0 0; } 


}

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

.btn_slidercasestudy {display: none; } 


}



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

.carousel-3 .owl-prev {left: -38px; } 

.carousel-3 .owl-next {right: -38px; }

}



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

#menu_holder ul li { padding:0 0 0 21px; }

.pretty_content { padding:80px 0 80px 0; }

.carousel-1 .info_slideinn { padding-top: 30px; }

.carousel-1 .info_slide h2 { padding-bottom: 15px; margin-bottom: 60px; }

.carousel-1 .info_slide h3 { font-size: 36px; } 

.carousel-1 .info_slide h4 { font-size: 20px; }

.clients { padding: 0 25px; }

.carousel-3 .owl-item { padding: 0 10px; }

.carousel-3 .owl-nav {

	width: 100%;

	position: absolute;

	top: 38%;

	display: block;	

}

.carousel-3 .owl-prev,

.carousel-3 .owl-next {

	-webkit-background-size: 38px 58px;

	-moz-background-size: 38px 58px;

	-ms-background-size: 38px 58px;

	-o-background-size: 38px 58px;

	background-size: 38px 58px;

	height: 25px;

	width: 14px;

	display: block;

	z-index: 1000; 

}

.carousel-3 .owl-prev { left: -25px; background-position: 0 -34px; } 

.carousel-3 .owl-next { left: inherit; right: -25px; background-position: -25px -34px; }

.wedo_content { padding: 34px 0 50px 0; }

.wedo { padding-top: 40px; margin-right: 0px; }

.innbanner { padding: 40px 0 40px 0; }

.innbanner h1 {

	font-size: 26px;

	padding-bottom: 20px;

	margin-bottom: 10px;	

}

.ourwork{padding:60px 0 80px 0; } 

.ourwork .mix .workinfo { padding:30px 20px 0 20px; }

.innbanner h2 {

	font-size: 18px;

	padding-bottom:10px;

	margin-bottom: 10px;

	margin-top: 35px;	

} 

.work_menu li a{ font-size: 12px; padding: 0 10px 0 10px; }

.services_menu_area ul li {font-size: 14px; padding:0 12px; }

.contact_banner { height: 196px; }

.contact_banner h1 { margin-top: 0; margin-bottom: 18px; } 

.address_item {  padding: 15px 0 15px 0; }

.address_item h3 { margin-bottom: 15px; }

.address_item ul li { padding-bottom: 10px; }

}



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

.main_banner { min-height: 500px; }

.banner_info h1 { font-size: 28px; line-height: 36px; } 

.banner_info h1:after { margin: 16px auto 0 auto; } 

.banner_title span { font-size: 14px; letter-spacing: 2px; padding: 0 12px; }

/*.innbanner ul li { padding: 0 11px 0 11px; }*/

.widget {margin-bottom: 50px; }

.widget_relatedwork { margin-top: 0; }

.services_menu_area { padding: 30px 0 30px 0; }

.detail_text { padding: 50px 20px; }

.detail_text p {font-size: 20px; line-height: 32px; }

.detail_pic { padding: 60px 0 3px 0; }

.service_banner { min-height: 500px; }

.service_banner_info h1 {

    font-size: 28px;

    line-height: 36px;

    padding-bottom: 30px;

    margin-bottom: 20px;

}

.service_banner_info small { font-size: 22px; }

.btn_work { margin: 20px auto 0 auto; }

.service_item { padding-bottom: 60px; }

.service_icon { padding: 70px 0 22px 0; }

.service_head h2 { font-size: 32px; margin-bottom: 12px; }

.service_head small { font-size: 20px; } 

.service_item_content p { font-size: 20px; line-height: 28px; } 

.service_item_content { margin: 0 auto 20px auto; } 

.service_related_work { overflow: hidden; padding-top: 30px; } 

.related_work { padding-top: 20px; } 

.relatedbox_info h4 { font-size: 13px; margin-bottom: 8px; } 

.relatedbox_info p { font-size: 14px; }

/*.ourvalue_content { height: 260px; } */

.ourvalue_content h2 { font-size: 32px; margin-bottom: 20px; } 

/*.ourvalue_content p { font-size: 20px; line-height: 30px; }*/

.feature_section { border-bottom: 10px solid #fff; } 

.feature_info { height: 344px; } 

.feature_info h2 { font-size: 28px; padding-bottom: 20px; margin-bottom: 30px; } 

.feature_info p { font-size: 20px; }

.team_content { padding: 60px 0 40px 0; } 

.team_head { padding-bottom: 20px; } 

.team_head h2 { font-size: 32px; margin-bottom: 20px; } 

.team_head p { font-size: 20px; line-height:30px; } 

.team { margin-top: 40px; } 

.accredidations_content { min-height: 200px; }

.pos-pic2 {

	right: -40px;

	top: -140px;

	width: 390px;

	height: 390px;

}

.map_content iframe { height: 349px; }

.contactus_content {

	padding: 60px 0 80px 0;

	height: auto;

}

.btn_inquiries { margin: 45px auto 0 auto; }

.address_item p {

	font-size: 18px;

}

.address_item ul {

    max-width: 220px;

}

.address_item ul li {

	font-size: 18px;

}

.address_item { 

	padding: 10px 0 10px 0; 

}

.address_item ul li {

	padding-bottom: 5px;

}

.map_content,

.contactus_address { height: 349px; }

.banner_title a span small {

	display: block;

}

.banner_title a span { line-height:18px;}

}



@media screen and (max-width: 820px) {
.related_work {
    margin: 0 -5px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.related_workbox {
    width: 33.33%;
    min-width: 0;
    max-width: inherit;
    display: block;
    float: none;
}
}

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

.logo em {left: inherit; right: -10px; margin-left: 0; top: 18px; }

.ourwork_widgets, 

.work_details { float: none; width: 100%; } 

.ourwork_widgets { padding: 21px 0; width: 100%; }

.widget { max-width: 100%; margin-bottom: 40px; }

.widget_content ul li {

	float: left;

	width: 100%;

	max-width: 220px;

	padding-right: 20px;

}
}



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

.main_banner { min-height: 414px; } 

.banner_info h1 { font-size: 24px; line-height: 30px; } 

.banner_info h1:after { margin: 12px auto 0 auto; } 

.service_banner { min-height: 414px; } 

.service_banner_info h1 {

    font-size: 24px;

    line-height: 30px;

    padding-bottom: 25px;

    margin-bottom: 15px;

}
.btn_casestudy{ margin-top:0px;}

.service_banner_info small { font-size: 16px; }

/*.ourvalue_content { height: 200px; } */

.ourvalue_content h2 { font-size: 28px; margin-bottom: 10px; }  

.ourvalue_content p { font-size: 16px; line-height: 24px; }

.feature_info { height: 300px; } 

.feature_info h2 { font-size: 24px; padding-bottom: 10px; margin-bottom: 20px; } 

.feature_info p { font-size: 16px; }

.team_content { padding: 40px 0 30px 0; } 

.team_head { padding-bottom: 10px; } 

.team_head h2 { font-size: 28px; margin-bottom: 10px; } 

.team_head p { font-size: 16px; line-height: 24px; } 

.team { margin-top: 40px; } 

.team_item .info { padding: 14px 0 10px 0; } 

.info h3 { font-size: 14px; } 

.info p { font-size: 12px; } 

.accredidations_content { min-height: 160px; }

.pos-pic2 {

	top: -120px;

	width: 300px;

	height: 300px;

}

.map_content iframe { height: 279px; }

/*.ourvalue_content { height: 200px; } */

.contactus_content {

	padding: 40px 0 50px 0;

	height: auto;

}

.btn_inquiries { margin: 35px auto 0 auto; }

.map_content,

.address_content {

	width: 100%;

	float: none;

}

.map_content { height: auto; }

.address_item ul { max-width: 100%; }

}



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

.pos-pic {

	width: 395px;

	height: 395px;

	right: -100px;

	top: -58px;

}

.pretty_content h2 {

    font-size: 32px;

    margin-bottom: 20px;

}

.pretty_content p {

	font-size: 20px;

	line-height: 30px;

	padding-bottom: 20px;

}

.carousel-2 p {

	font-size: 20px;

	line-height: 30px;

	padding-bottom: 30px;

}

.pretty_content small {

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 30px;

}

.pretty_content { padding:60px 0 60px 0; }

.carousel-1 .info_slideinn { padding-top: 20px; } 

.carousel-1 .info_slide h2 { font-size: 14px; padding-bottom: 15px; margin-bottom: 40px; } 

.carousel-1 .info_slide h3 { font-size: 30px; } 

.carousel-1 .info_slide h4 { font-size: 18px; }

.service_head h2 { font-size: 28px; margin-bottom: 12px; } 

.service_head small { font-size: 18px; } 

.service_item_content { margin: 0 auto 10px auto; } 

.service_item { padding-bottom: 40px; } 

.relatedbox_info h4 { font-size: 12px; margin-bottom: 4px; } 

.relatedbox_info p { font-size: 13px; } 

.related_work { padding-top: 10px; }

}



@media (min-width: 481px) and (max-width: 767px) {

.banner_title span:before, 

.banner_title span:after {top: 20px; } 

.banner_title span small {display: block; } 

.banner_title span {line-height: 20px; } 

}



@media (min-width: 481px) and (max-width: 640px) {

.banner_title a span {

    font-size: 12px;

    letter-spacing: 2px;

    /*padding: 0 5px;*/

}
}



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

	.innbanner ul li:before { display: none; } 

	.innbanner ul li { margin-bottom: 10px; } 

}



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

#wrapper { /*padding-top: 111px;*/ padding-top: 95px; }

.header_container { padding: 0; }

#header { min-height:100px; }

#header { padding:22px 0 11px 0; }

.logo { 

	float:none;

	max-width:100%;

	width:100%;

	min-height:35px;

	padding:0 10px 12px 10px;

	/*background: url(../images/line_shadow.png) repeat-x left bottom !important;*/

	

}

.logo img { margin:0 auto; max-width: 260px; }

.logo em { position: relative; left: inherit; right: inherit; margin: 5px auto 0 auto; top: inherit; }

#menu_holder {

	float:none;

	text-align:center;

	padding-top:11px;

}

#menu_holder ul li,

#menu_holder ul li:first-child {

	float: none;

	padding:0 11px 0 11px;

	display:inline-block;

}

.pretty_content { padding:50px 0 50px 0; }

.pretty_content h2 {

    font-size: 28px;

    margin-bottom: 15px;

}

.pretty_content p {

	font-size: 18px;

	line-height: 28px;

	padding-bottom: 15px;

}

.pretty_content small {

	font-size: 18px;

	line-height: 28px;

	margin-bottom: 25px;

}

.carousel-1 .info_slideinn { padding-top: 10px; }

.carousel-1 .info_slide h2 { font-size: 13px; padding-bottom: 10px; margin-bottom: 30px; } 

.carousel-1 .info_slide h3 { font-size: 24px; } 

.carousel-1 .info_slide h4 { font-size: 16px; }

/*.carousel-2 .owl-item { min-height: 342px; }*/

.carousel-2 p {

	font-size: 18px;

	line-height: 28px;

	padding-bottom: 30px;

}

.carousel-2 strong { font-size: 14px; }

.wedo_content { padding: 34px 0 35px 0; }

.wedo_column {

	float: none;

	width: 100%;

	padding-right: 0;

	clear: both;

	overflow: hidden;

	margin-top: 20px;

}

.wedo_column:first-child { margin-top: 0; }

.wedo_column ul li{

	width: 50%;

	padding-right: 15px;

	float: left;	

}

.wedo_column h3 { margin-bottom: 17px; }

.pos-pic {

	width: 300px;

	height: 300px;

	position: absolute;

	right: -60px;

	top: -45px;

}

.banner_box .banner_info { background: none; opacity: 1; }

.banner_info h1 {

	background: rgba(0, 0, 0, .75);

	padding: 20px;

	max-width: 253px;

	margin: 0 auto;

}

.main_banner { min-height: 333px; }

.banner_info h1 { font-size: 16px; line-height: 22px; }  

.ourwork { padding:60px 0 80px 0; } 

.ourwork .mix, .ourwork .gap { width: 33.33%; } 
/*.related_work { margin: 0 -5px; } 
.related_workbox { width: 33.33%; min-width: 0; border: 2px solid pink; max-width:31.5%; } */

.widget_projectdetails { display: none; }

.work_details .widget_projectdetails { display: block; margin-top: 20px; }

.cat_desktop{ display:none;}

.services_menu_area { padding: 20px 0 20px 0; }

.services_menu_area ul li { font-size: 12px; padding:0 12px; }

.detail_text { padding: 30px 20px; }

.detail_text h3 { font-size: 14px; margin-bottom: 0; }

.detail_text p { font-size: 18px; line-height: 28px; }

.detail_pic { padding: 40px 0 3px 0; }

.service_banner {  min-height: 312px !important; }

.service_banner_info h1 {

    font-size: 18px;

    line-height: 25px;

    padding-bottom: 15px;

    margin-bottom: 10px;

} 

.service_banner_info small { font-size: 14px; }

.service_head h2 { font-size: 24px; margin-bottom: 10px; } 

.service_head small { font-size: 16px; }

.mobile_off { display: none; }

.about_banner {  min-height: 312px !important; }

/*.ourvalue_content { height: 180px; } */

.ourvalue_content h2 { font-size: 24px; } 

.ourvalue_content p { font-size: 14px; line-height: 20px; }

.feature_info { height: 260px; background: rgba(0, 0, 0, .15); } 

.feature_info h2 { font-size: 20px; margin-bottom: 25px; } 

.feature_info p { font-size: 14px; }

.team_content { padding: 30px 0 20px 0; } 

.team_head h2 { font-size: 24px; } 

.team_head p { font-size: 14px; line-height: 20px;  } 

.team_item { width: 50%; }

.info h3 { font-size: 12px; } 

.info p { font-size: 11px; }

.accredidations_content { min-height: 0; } 

.pos-pic2 {

	top: -100px;

	width: 200px;

	height: 200px;

}
.carousel-5 .owl-item {
	overflow: hidden;
}
.carousel-5 .owl-item div {
	position: relative;
	height: 260px;
	margin: 0 -389px;
	min-width: 778px !important;
}
.carousel-5 .owl-item img {
    height: 260px !important;
    width: 778px !important;
    margin: 0 auto;
    max-width: inherit !important;
}

.map_content iframe { height: 232px; } 

.workmenu_container { display: block; }

.team_item .info { bottom: 0; }

.contactus_content {

	padding: 30px 0 30px 0;

	height: auto;

}

.btn_inquiries { margin: 23px auto 0 auto; }

.address_item p {

	font-size: 14px;

	line-height: 20px;

}

.address_item ul li {

	font-size: 14px;

	line-height: 20px;

	padding-bottom: 10px;

}

.btn_inquiries {

	font-size: 14px;

	letter-spacing: 2px;

}

#menu_holder ul li,

#menu_holder ul li a { letter-spacing: 1px; }

.carousel-2 .owl-nav {

    top: 47%;

}

.testimonial_content {

	padding:0 30px;

}

.carousel-2 .owl-item { padding: 0 0px; }

.carousel-2 .owl-nav {

    width: 100%;

    position: absolute;

    /*top: 21;*/

    display: block;

}

.carousel-2 .owl-prev,

.carousel-2 .owl-next {

	-webkit-background-size: 38px 58px;

	-moz-background-size: 38px 58px;

	-ms-background-size: 38px 58px;

	-o-background-size: 38px 58px;

	background-size: 38px 58px;

	height: 25px;

	width: 14px;

	display: block;

	z-index: 1000; 

}

.carousel-2 .owl-prev { left: -25px; background-position: 0 0px; } 

.carousel-2 .owl-next { left: inherit; right: -25px; background-position: -25px 0px; }

.carousel-2 strong::before, .carousel-2 strong::after {

	display: none;

}

.single_innbanner_container .innbanner { padding: 30px 0 30px 0; }

.single_innbanner_container .innbanner h1 {

	display: none;

}

.single_innbanner_container .innbanner h2 {

    font-size: 18px;

    margin-bottom: 10px;

    margin-top: 5px;

    padding-bottom: 10px;

}

}



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

.carousel-1 .pic-slide,

.carousel-1 .info_slide { float: none; width: 100%; }

.carousel-1 .info_slide { padding: 10px 20px 20px 20px; }
.work_relatedbox .hoverworkinfo ul,
.work_relatedbox .hoverworkinfo ul li { display: none !important; }
.ourwork_widgets {
	display: block;
}

.widgetwork_item_area {
	display: block;
}
}



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

	.ourwork .mix, .ourwork .gap { width: 50%; min-width: 225px; } 

	.ourwork { padding:50px 0 50px 0; } 


	.related_workbox {
	    /*width: 50%;*/
	    /*min-width: 225px;*/
	    /*float: none;*/
	    /*overflow: hidden;*/
	}

}




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

.pretty_content { padding:40px 0 40px 0; }

.pretty_content h2 { font-size: 24px; } 

.pretty_content p, .pretty_content small { font-size: 16px; line-height: 24px; }

.carousel-1 .pic-slide,

.carousel-1 .info_slide { float: none; width: 100%; }

/*.carousel-2 .owl-item { min-height: 300px; }*/

.carousel-2 p {

	font-size: 16px;

	line-height: 24px;

	padding-bottom: 20px;

}

.carousel-2 strong { font-size: 13px; }

.wedo_column ul li {

	width:100%;

	padding-right: 0;

	float: none;	

}

.main_banner { min-height: 749px; }

.banner_box { width: 100%; float: none; }

.banner_info h1 { font-size: 28px; line-height: 36px; } 

.banner_info h1:after { margin: 22px auto 0 auto; }  

.banner_title span { font-size: 15px; letter-spacing: 3px; padding: 0 16px; }

.ourwork .mix .workinfo { padding:20px 20px 0 20px; }

.detail_testimonial p {

	font-size: 16px;

	line-height: 24px;

	padding-bottom: 15px;

}

.detail_testimonial span { font-size: 14px; line-height: 24px; }

.widgetwork_item_area { margin-right: -15px; }

.widgetwork_item { width: 100%; }


/*max-width: 480px*/
/*.related_workbox {

    width: 100%;

    max-width: 100%;

    margin-bottom: 30px;

    float: none;

}*/

.service_item { padding-bottom: 20px; }

#menu_holder ul li, 

#menu_holder ul li:first-child { padding: 0 8px; }



.banner_box:hover .bgzoom {

    -moz-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}

.banner_info .bannerinfo-title {

    font-family: "PlutoRegularRegular";

    font-weight: 400;

    font-size: 13px;

    color: #fff;

    padding-bottom: 7px;

    /*display: block;*/

}

.banner_info h1 {

	position: relative;

    top: 0;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    background: none;

    /*font-family: "PlutoRegularRegular";*/

    text-transform: none;

    font-size: 20px;

    font-weight: 400;

    padding: 0 0 0 0;

    letter-spacing: 1px;

    line-height: inherit;

	text-transform:uppercase;

	line-height:30px;

}

.banner_info h1:after { display: none; } 

/*.banner_info h1 br { display: none; }*/

.banner_info div {

    max-width: 294px;

    background: rgba(0, 0, 0, .75);

    padding: 20px 4.5% 27px 4.5%;

}





.btn-viewproject {

   font-size: 14px;

   margin: 14px 0 0 0;

   padding: 0;

   line-height: 37px;

   height: auto;

   height: 41px;

   width: 153px;

   border: 1px solid #fff;

   display: inline-block;

   /*background: url(../images/transparent_bg.png);*/

   font-family: "museo-slab";

   font-weight: 300;

   color: #fff;

   text-transform: uppercase;

   position: relative;

}

.btn-viewproject:before,

.btn-viewproject:after {

   content: '';

   width: 2px;

   height: 2px;

   position: absolute;

   top: 18px;

   display: inline-block;

   z-index: 100;

   background: #fff;

   -webkit-border-radius: 100%;

   -moz-border-radius: 100%;

   -ms-border-radius: 100%;

   -o-border-radius: 100%;

   border-radius: 100%;

}

.btn-viewproject:before {

   left: 10px;

}

.btn-viewproject:after {

   right: 10px;

}


.work_relatedbox .hoverworkinfo h2 { font-size: 14px; line-height: 14px; }
}



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

	#footer {
		flex-flow: column;
	}

	#footer .footer_logo,
	#footer .footer_content {
		width: 100%;
	}

	#footer .social_link {
		text-align: center;
	}

	.footer_logo {
		text-align: center;
	}


#footer p small { display: block; }

#footer ul li { display: block; text-align: center;}

#footer ul li:nth-child(2):before { display: none; }

#footer .footer_address br { display:block }

}



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

#footer ul li { display: block; }

#footer ul li:nth-child(2):before { display: none; }

.ourwork { margin: 0 0; }

.ourwork .mix, .ourwork .gap {

       max-width: 260px;

       float: none;

}
.related_workbox {
	/*max-width: 260px;*/

       /*float: none;*/
} 

.widgetwork_item .mix .workinfo h2 {

	font-size: 12px;

	margin-bottom: 8px;

}

.widgetwork_item .mix .workinfo ul li {

	font-size: 8px;

	line-height: 14px; 

}

.address_item ul { max-width:160px; }
.work_relatedbox .hoverworkinfo { padding: 10px 10px 0 10px; }
.work_relatedbox .hoverworkinfo h2 { font-size: 12px; line-height: 11px; }
}



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

	.main_banner { min-height: 500px; }

	.team_content { padding: 30px 0 0 0; } 

	.team_item { float: none; width: 100%; margin-bottom: 20px; } 

}


@media screen and (max-width: 640px) {
.detail_text h3 {
    line-height: 28px;
    margin-bottom:10px;
}
.backtotop-area { display: block; }
.carousel-2 .owl-dots {
    padding-bottom: 40px;
}
}
@media screen and (max-width: 480px) {
.carousel-2 .owl-dot {
   margin: 0 5px;
}
}






@media screen and (max-width: 640px) {
.backtotop-area a,
.backtotop-area span { font-size: 14px !important; padding: 15px 20px; }
.backtotop-area a:before,
.backtotop-area span:before { left: 9px; }
.backtotop-area a:after, 
.backtotop-area span:after { right: 9px; }
}

@media screen and (max-width: 420px) {
.backtotop-area a,
.backtotop-area span { font-size: 12px !important; letter-spacing: normal; }
}

/* v2 css */ 

@media screen and (min-width: 1024px) { 

	#wrapper { padding-top: 0; } 
}
@media screen and (max-width: 1023px) {
	.mouse-up-down { display: none; }
	#wrapper { padding-top: 0px; }
	#newBannertitle h1 { font-size:40px; }
	#header {padding: 22px 0 11px 0; }
	.team_item { width: 33.33%; }
	.newinnerourvalues { margin-right: 0; }
}
@media screen and (max-width: 999px) {

	.home_ourwork_container .ourwork .mix, 
	.home_ourwork_container .ourwork .gap { width: 33.33%; max-width: 33.33%; }
	.work-clear{display:none;}
}
@media screen and (max-width: 768px) { 
	#newBannertitle h1 { font-size:36px; }
	#newInnerBanner:after, 
	#newBanner:after {
		bottom: -44px;
		height: 77px;
		background-size: 77px 78px;
	}
	.goodstory { padding: 82px 0 20px 0; }
	.goodstory h2 {
    	font-size: 24px;
    	line-height: 36px;
    	margin-bottom: 17px;
	}
	.home_ourwork_container .filter_menu { margin-top: 30px; }
	.home_ourwork_container .filter_menu li { line-height: 37px; padding: 0 15px 0 15px; }
	.home_ourwork_container .filter_menu li button.filter { line-height: 37px; padding: 0; }
	.contact_info h2 {
	    font-size: 24px;
	    line-height: 36px;
	    margin-bottom: 17px;
	}
	.collaboration h2,
	.newbehindscreen .team_head h2,
	.ourvalue_content h2 { 
		font-size:24px;
	    line-height:36px;
	    margin-bottom: 17px;
	}
	.new-ourvalues{max-width:560px;}
	.ourvalues-items { width: 50%; float:none; width:70%; }
	.ourvalues-items p { max-width: 100%; }
	.collaboration-container,
	.newbehindscreen { padding: 56px 15px 36px 15px; }
	.ourvalue_container { padding: 0 15px 0 15px; }
	.ourvalue_content,
	.ourvalue_container2 .ourvalue_content { margin-bottom: 20px; padding: 40px 0 50px 0; }
	.contactus_content {
		padding: 56px 0 36px 0;
	}

	.ourwork_container,
	.ourwork_single {
		padding: 0;
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.home_ourwork_container .ourwork .mix, 
	.home_ourwork_container .ourwork .gap { width: 50%; max-width: 50%; }
}
@media screen and (min-width: 697px) {

}	
@media screen and (max-width: 640px) {
	#wrapper { padding-top: 0; }
	#newBannertitle { 
		top: calc(50%);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	} 
	#newBannertitle h1 { font-size:30px; line-height: 30px; } 
	#loader, #bannerOverlay { display: none; }
	#newBanner { 
/*		background: url(https://149528611.v2.pressablecdn.com/wp-content/uploads/2018/01/contactBanner.png) no-repeat center center;
		-webkit-background-size: cover;
		background-size: cover;
		max-height: 340px;*/
	}
	#newBanner:before { display: block; }
	.video-bg { display: none; }
	.goodstory h2 { font-size: 20px; line-height: 30px; }
	.goodstory p { 
	    line-height: 24px;
	    padding-bottom: 10px;
	}
	#newInnerBannertitle h1 {
	    font-size: 30px;
	    line-height:40px;
	    padding: 30px 0 30px 0;
	}
	#newInnerBannertitle,
	.newservicebanner #newInnerBannertitle,
	.newaboutbanner #newInnerBannertitle,
	.newcontactbanner #newInnerBannertitle {
	    top: calc(50%)!important;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%)!important;
	}
	.contact_info h2 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.contact_info p { 
	    line-height: 24px;
	}
	.contact_info h2 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.collaboration h2,
	.newbehindscreen .team_head h2,
	.ourvalue_content h2 { 
		font-size:20px;
	    line-height:30px;
	}
	.team_item { width: 50%; }
	.ourvalues-items { width: 75%; }
	.newworksinglebanner #newInnerBannertitle h1,
	.newcasestudybanner #newInnerBannertitle h1,
	.newservicebanner #newInnerBannertitle h1,
	.newaboutbanner #newInnerBannertitle h1,
	.newcontactbanner #newInnerBannertitle h1 { line-height:32px; font-size: 30px; }
}
@media screen and (max-width: 480px) {
	#newBannertitle h1 { 
		font-size:28px; 
		line-height: 32px; 
		text-shadow: 0 0 8px #3e3e3e;
	}
	#newBannertitle h1 br { display: none; }
	#newInnerBannertitle h1 {
	    font-size: 24px;
	    line-height:30px;
	    padding: 24px 0 24px 0;
	}
	.newworksinglebanner #newInnerBannertitle h1,
	.newcasestudybanner #newInnerBannertitle h1,
	.newservicebanner #newInnerBannertitle h1,
	.newaboutbanner #newInnerBannertitle h1,
	.newcontactbanner #newInnerBannertitle h1 { 
		font-size:28px; 
		line-height: 32px; 
		text-shadow: 0 0 8px #3e3e3e;
		 }
	.home_ourwork_container .ourwork .mix { margin: 0 auto; float: none; }
}
@media screen and (max-width: 360px) {
	.team_item { width: 100%; }
	.ourvalues-items { width: 100%; padding-right: 0; }
}


@media screen and (max-width: 767px) {
	.ourvalues-items h3 { margin-bottom: 20px; }
	.testimonial_content { width: 100%; max-width: 100%; }
}
@media screen and (max-width: 640px) {
	.carousel-2 .owl-dot { margin: 0 10px !important; }
	.testimonial_content { width: 100%; max-width: 100%; }
	.ourworkhome { padding-bottom: 40px !important; }

.clients_content { padding: 40px 0 40px 0; }
}



/*new change 8-1-2018*/
@media screen and (max-width: 880px) {
.carousel-1 .pic-slide,
.carousel-1 .info_slide { float: none; width: 100%; }
.carousel-1 .info_slide { padding: 10px 20px 20px 20px; }
.carousel-1 .info_slide p { max-width: 90%; float: left; padding-right: 20px; }
.carousel-1 .info_slide ul {
	max-width: 30%;
	float: left;
	padding-right: 20px;	
	margin-top: 0;
}
.carousel-1 .info_slideinn {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 54px;
}
}

@media screen and (max-width: 640px) {
/*.page-template-template-service-php .testimonial_container { margin-top: 60px; }*/
/*.branddevelopment-container { margin-bottom: 60px; }*/
.branddevelopment { padding: 50px 0 50px 0; }
.branddevelopment h2 { font-size: 16px; letter-spacing: 2px; }
.branddevelopment ul { margin: 12px auto 0 auto; }
.branddevelopment ul li a {font-size: 16px; padding: 0 10px; height: 30px; line-height: 30px; }
.carousel-1 .info_slide p { max-width: 100%; float: none; padding-right: 0; }
.carousel-1 .info_slide ul {
	max-width: 50%;
	padding-right: 0;	
	margin-top: 0;
} 
}

@media screen and (max-width: 480px) {
.carousel-1 .info_slide ul { width: 100%; max-width: 100%; float: none; margin-top: 20px; overflow: hidden; clear: both; }
.carousel-1 .info_slide ul:first-child { margin-top: 0; }
.carousel-1 .info_slide ul li { max-width:100%; }
}

@media screen and (max-width: 767px) {
.service-ourvalues{ padding-top:30px; }	
.service-ourvalues .ourvalues-items {
    width: 50%;
	padding:0 10px 25px 10px;
	margin:0 auto;
	float:none;
}
.service-ourvalues .ourvalues-items ul{
	padding-bottom:15px;
}
}

@media screen and (max-width: 512px) {
.service-ourvalues .ourvalues-items {
    width: 60%;
	padding:0 10px 20px 10px;
}
}
@media screen and (max-width: 442px) {
.service-ourvalues .ourvalues-items {
    width: 78%;
	padding:0 10px 20px 10px;
}
}
@media screen and (max-width: 380px) {
.service-ourvalues .ourvalues-items ul li span { font-size:13px; }
}


/*---------------------*/
/* new style sayed     */
/*---------------------*/
@media screen and (max-width: 1401px) {
	.ourvalue_container { padding: 0 25px 0 25px; }
}
@media screen and (max-width: 880px) {
	.carousel-1 .info_slideinn { padding-top: 30px; text-align: center; }
	.carousel-1 .info_slide h2 {
		text-align: center;
		margin-bottom: 40px;
	}
	.carousel-1 .info_slide h2::before {
		right: 0;
		width: 100%;
		max-width: 28px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.logo a:not(.mobile-logo) { display: none; }
	.logo a.mobile-logo { display: block; }
	#newBanner:after { display: none; }
	.collaboration-container, .newbehindscreen { padding: 56px 25px 36px 25px; }
	.ourvalue_container { padding: 0 25px 0 25px; }
}
@media screen and (max-width: 640px) {
	.header_container { padding-left: 20px; }
	#header .logo {
		width: inherit;
		float: none;
		max-width: 250px;
		width: 100%;
		min-height: 35px;
		padding: 0 10px 12px 0;
		text-align: left;
		margin: 0;
	}

	#video-bg video {
		position: absolute;
    max-width: fit-content;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: auto;
	}

	#newBanner:before { display: none; }
	#newBanner { 
		min-height: -webkit-fill-available;
	 }
	.ourwork .mix .workinfo {
		height: auto;
		top: inherit;
		bottom: 0;
		opacity: 1;
		padding: 14px 10px 10px 10px;   
	}
	.overlaycolor { opacity: 0.9; }
	.workinfo h2:not(.mobile-title) { display: none; }
	.ourwork .mix .workinfo h3 { display: block; }
	.ourwork .mix .workinfo h2:after { display: none; }
	.ourwork .mix .workinfo ul { display: none; }
	.ourwork .mix .workinfo p {
		display: block;
	}


}

@media screen and (max-width: 499px) {
	.home_ourwork_container .ourwork .mix, 
	.home_ourwork_container .ourwork .gap { width: 50%; max-width: 50%; min-width: inherit; }
}
@media screen and (max-width: 480px) {
	#header .logo { max-width: 180px; }
	.logo img { max-width: 180px; height: auto; }
	.home_ourwork_container .ourwork .mix {
		float: left;
		margin: inherit;
	}
}
@media screen and (max-width: 360px) {
	/*.logo img { max-width: 220px; }*/
	.home_ourwork_container .ourwork .mix {
		float: none;
		margin: inherit;
		width: 100%;
		max-width: inherit;
	}
}


@media screen and (max-width: 880px) {
.casestudy-item {
display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}
.casestudy-item .info_slide { -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1; }
.casestudy-item .pic-slide { -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2; }
.carousel-1 .info_slideinn { padding-bottom: 20px; }

.carousel-1 .owl-nav {
top: 50%;
-webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
}

}



@media screen and (max-width: 640px) {
	#video-bg {
		overflow: hidden;
		min-height: 100vh;
		min-height: -webkit-fill-available;
	}

	#newInnerBanner {
		min-height: 100vh;
		min-height: -webkit-fill-available;
	}
}


@media screen and (max-width: 512px) {
.home_ourwork_container .filter_menu li{padding:0 10px 0 10px;}
.home_ourwork_container .filter_menu li button.filter{font-size:12px; letter-spacing:2.3px;}
}
@media screen and (max-width: 396px) {
.home_ourwork_container .filter_menu li{padding:0 5px 0 5px;}
.home_ourwork_container .filter_menu li button.filter{font-size:11px; letter-spacing:1.3px;}
}
@media screen and (max-width: 420px) {
.carousel-2 .owl-dot{margin:0 5px !important;}
}
@media screen and (max-width: 480px) {
.page-template-template-home #newBannertitle h1 br{display:block;}
}
@media screen and (max-width: 356px) {
.page-template-template-home #newBannertitle h1{font-size:21px;}
}
@media screen and (max-width: 767px) {
#menu_holder ul li:first-child{display:block;}
}