@media (max-width: 1100px) {
	
	.we-item p {
		padding: 5px;
	}
	.navbar-brand {

		padding-top: 25px;

		padding-bottom: 25px;

	}
	.mt-60 {
	    margin-top: 0;
	    padding: 30px;
	}
.container {
	width: 94%;
}
.projects .achievement {
	font-size: 15px;
}
.we-item .gen-title {
	font-size: 14px;
	margin-top: 8px;
}
	.navbar-brand:after {

		right: -75px;

	}

	.navbar-default .navbar-nav:before, 

	.navbar-default .navbar-nav:after {

		left: -25px;

	}

	.team-each {
		min-height: 510px;
	}
	.wi-list li {
		font-size: 14px;
	}

}

@media (max-width: 991px) {

	.navbar-brand:before,

	.navbar-brand:after {

		left: -500px;

		right: 0;

		transform: skew(-30deg);

	}

	.navbar-default .navbar-nav > li > a {

		padding: 28px 15px;

	}

	

	/*Main Slider*/

	.main-slider .slider-content .slide-para {

		padding-right: 10%;

	}

	/*We Do*/

	.we-do img {

		padding-right: 0;

	}



	/*Celebration*/

	.full-width-sec .container {

		width: auto;

	}

	.full-width-sec-2nd .get-us {

	    background: #fff;

	    padding: 30px 15px 30px 40px;

	}

	.cel-feature {

		position: static;

		width: auto;

	}

	.cel-feature img {

		float: none;

	}

	.cele-list:after {

		left: -5000px;

	}

	.cele-list {

		padding: 60px 30px;

	}

		.get-us:after {

		left: -5000px;

	}



	.contact-info .con-align {

		margin-bottom: 20px;

	}

	.contact-form .form-btn  {

		position: static;

		text-align: center;

	}





	/*Portfolios / Gallery*/

	.port-icon {

		margin-top: 5px;

	}

	



	/*Blog*/

	.blog-content {

		padding-right: 0;

		

	}

	.comments-section {

		padding-right: 0;

	}



	/*About Page*/

	.about-text {

		padding-right: 0;

	}

	.about-overview-img  {

        position: static;

        background-image: none;

    }

	/*Customer Review*/

	.review-title,

	.review-img,

	.review-text {

		display: table;

		margin: auto;

		text-align: center;



	}

	.review-title {

		padding-right: 0;

	}

	.review-text {

		padding-left: 0;

	}
	.heading{
		font-size: 24px;
		line-height: 30px;
	}
	ul.li_list li{
		width: 100%;
	}
	.get_in_touch .close{
		right: 0px;
		padding: 5px 10px;
		z-index: 1;
	}
	.page-head{		
	    padding-top: 100px;
	    padding-bottom: 40px;
	}
	ul.workwecando_list li{
		width: 33.33%;
		padding: 10px;
		font-size: 12px;
	}
	ul.workwecando_list li p{
		font-size: 10px;
	}
	ul.workwecando_list li img{
		width: auto;
		max-height: 30px;
	}
}
@media (max-width: 1024px){
	.mt-60 {
	    padding: 20px;
	}
}
@media (max-width: 1023px) {
	.left.carousel-control {

    background: no-repeat;

}
.right.carousel-control {

    background: no-repeat;

}
.we-do img {

 
    width: 100%;

}
	.top-1 {  margin-top: 0px;}
	.platform-detail-box{margin-bottom: 20px;}
	.main-slider .slider-content {
		top: 0;
		margin-top: 138px;
	}
	.carousel-control.left,
	.carousel-control.right {
		height: 73%;
	}
	.click-to-next {
		display: none;
	}
	#main-slider .carousel-control i {
		left: 5px;
	}
	.navbar-brand>img {
		width: 80%;
	}
	.tab-content>.tab-pane {
		margin-bottom: 28px;
	}
	.we-item {
		height: 200px;
	}
	.team-each {
	    min-height: 540px;
	}
	.heading_space {
	    margin-bottom: 20px;
	}
}


@media (max-width: 768px) {
	.page-case-study .bookshelf figure .captionbox {

    top: 18%;
    width: 90%;
  

}
.slider_text {

    font-size: 12px !important;

}
.advant-partner-list li{margin:0px ! important;}
	.wrap h2{font-size: 15px ! important;}
	.wrap h1{font-size: 15px ! important;}
	.wrap h3{font-size: 15px ! important;}

	#tabs-nav{display:block ! important;}
.wrap {

    width:100% !important;

}
	.navbar-brand:before {

		display: none;

	}

	

	/*Main Slider*/
	.main-slider .slider-content h2 {

		font-size: 30px;

	}

	.main-slider .slider-content p {

		margin-top: 10px;

		margin-bottom: 20px;

		line-height: 20px;

	}

	.main-slider .carousel-control i {

		font-size: 20px;

		padding: 5px 10px;

	}



	

	/*Video*/

	.vid {

		padding-top: 70px;

		padding-bottom: 50px;

	}



	.contact-info .con-align:nth-of-type(1) {

		text-align: left;

	}

	.contact-info .con-align:nth-of-type(2) {

		text-align: left;

	}

	.contact-info .con-align:nth-of-type(3) {

		text-align: left;

		

	}



	/*Services Three in Slider*/

	.three-in-slider .slick-next {

		right: 37px;

	}

	.three-in-slider .slick-prev {

		left: 37px;

	}





	/*Portfolios / Gallery*/

	.port-icon {

		margin-top: 0;

	}



	/*Blog*/

	.posted-by {

		left: 70px;

		right: 70px;

	}

	.posted-details {

		padding-left: 0;

		padding-right: 0;

	}

	.posted-left,

	.posted-right {

		padding: 10px;

	}

	/*Single*/

	.media-all {

		padding-left: 0;

	}



	/*404*/

	.error-page .error-inner h1 {

		font-size: 100px;

	}

	.error-page .error-inner h1 span {

		font-size: 30px;

	}

.mobile-mock {

    display: none;

}
	.arrow { display: none;}
.how-content.text-center {  margin-top: 16px;}
	.feature-list{margin-left: 0px;}
	.feature-mock{position: relative !important;}

}



@media (max-width: 800px) {}
@media (max-width: 767px) {
	
	.border-in .contact-form{padding: 0px;}
	
	.mobile-mock {

    display: none;

}
	.arrow { display: none;}
.how-content.text-center {  margin-top: 16px;}
	.feature-list{margin-left: 0px;}
	.feature-mock{position: relative !important;}
	.top-1 {  margin-top: 0px;}
	.platform-detail-box{margin-bottom: 20px;}
	.wi-social ul li a .normal-show{top: 45%; font-size: 17px !important;}
	.fluid-section .left-column {position: relative;min-height: auto;}
	.fluid-section .left-column .content-box h2{font-size: 25px; margin-bottom: 0px;}
	.fluid-section .left-column .content-box{position: relative;float: left;text-align: center;padding: 0px;width: 100%;}
	.content-box br{display:none;}
	.fluid-section .left-column{position: relative;}
	.left-column.clearfix { width: 100%;}
textarea {  margin-top: 20px;}
.fluid-section .right-column .form-column{padding: 10px;}
.fluid-section .right-column{width: 100%;}
	.wht-douy .carousel-inner>.item>a>img,
	.wht-douy .carousel-inner>.item>img{
		width: 100%;
	}
	.wht-douy .carousel-inner>.item {
		height: 306px;
	}
	.section-heading .title, 

	.section-heading .title h2 {

		font-size: 25px;

	}

	.section {

		padding-top: 50px;

		padding-bottom: 40px;

	}

	.navbar-brand:after {

		right: -5000px;

		left: -300px;

	}

	.affix-top .navbar-default .navbar-brand {

		padding-top: 19px;

		padding-bottom: 19px;

	}

	.affix .navbar-brand:after {

		right: -5000px;

	}

	.affix-top + #main-slider {

		margin-top: 75px;

	}

	.navbar-default .navbar-brand {

		padding: 10px;

		/*width: 5000px;*/

	}

	.navbar-toggle {

		display: none;

	}

	.navbar-header {

		position: relative;

	}

	.margo-logo-wrapper{

		position: absolute;

		top: 0;

	 }

	.navbar-brand{

		position: absolute;

		top: 0;

		padding-right: auto;

	}



	/*Main Slider*/

	.main-slider .slider-content {


	}



	/*Blog/ Post*/

	.pagination>li {

		margin-left: -10px;

	}

	.pagination>li:nth-child(2) {

		margin-left: -4px;

	}

	.pagination >.pagi-prev,

	.pagination >.pagi-next {

		padding-left: 5px;

		padding-right: 5px;

	}

	/* #menu is the original menu */

	#wpb-mobile-menu {

		display:none;

	}

	

	.slicknav_menu {

		display:block;
        margin-bottom: 15px;

	}



	/*Contact*/

	.lets-contact {

		margin-bottom: 30px;

	}	
}
@media (max-width: 719px) {
	.text-process {
	    font-size: 15px;
	}
	#mobile-banner {
		display: block;
	    margin-top: 70px;	
	}
	#mobile-banner .text {
	    bottom: 60px;
	}
	#main-slider {
		display: none;
	}
	.carousel-control.left,
	.carousel-control.right {
		height: 57%;
		background-color: transparent;
	}
	.main-slider .slider-content {
		margin-top: 43px;
	}
	.main-slider .item .slider-content {
		padding: 10px;
	}
	.carousel-control.right {
		background: transparent;
	    right: 6px;
	}
	.carousel-control.left {
		background: transparent;
	}
	.main-slider .slider-btn {
		margin-right: 10px;
	}
	.modal-btn {
		padding: 8px 19px;
	}
	.projects .achievement {
		font-size: 14px;
	}
	.wht-douy .carousel-indicators {
	    bottom: 75px;
	}
	.cel-content {
		padding-left: 0;
	}
	.re-blog-item {
		margin-bottom: 20px;
	}
	.dropdown li a, .sup-dropdown li a {
		padding: 11px 0px;
	}
	.cbp-item {
		float: none;
		margin-right: 0;
	}
	.cbp-item img {
		width: 100%;
	}
	#close_popup {
		right: 8%;
		top: 3%;
	}
	.popup_content {
		width: 85%;
	}
	.popup_content_wrapper {
	    padding: 10px;
	}
	.service-content {
		padding-right: 0;
	}
	.aboutus .heading {
	    margin-top: 20px;
	}
	.gmap-container {
		height: 300px;
	}
	.contact-list li {
	    font-size: 12px;
	}
	.app_portfolio, .web_portfolio {
	    padding: 30px 10px !important;
	}
	.border-in {
	    padding: 20px;
        margin-bottom: 30px;
	}
	.contact-social ul li {
		width: 40px;
		height: 40px;
	}
	.contact-social ul li a {
		margin-top: 2px;
		font-size: 16px;
	}
	.web_portfolio_div .row:last-child{
	    margin-bottom: 20px;
	}
	.app_portfolio_div .row:last-child {
		margin-bottom: 20px;
	}
}


@media (max-width: 479px) { 

	.cbiz-btn {

		padding: 7px 20px;

	}
	.wi-social ul li a {
	    top: 3px;
	}

	.navbar-default .navbar-toggle {

		margin-top: 15px;

		outline: none;

	}

	.section-heading .title, .section-heading .title h2{

		font-size: 22px;

	}



	/*Main Slider*/

	.main-slider .item img {

		min-height: 350px;

	}

	.main-slider .slider-content h2 {

		font-size: 28px;

	}

	.main-slider .slider-content p {

		font-size: 12px;

		margin-top: 10px;

		margin-bottom: 20px;

		line-height: 20px;

	}

	.main-slider .slider-btn {

	    margin-right: 15px;

	}

	.main-slider .carousel-control i {

		font-size: 20px;

		padding: 5px 10px;

	}

	ul.dropdown, 

	ul.sup-dropdown {

		opacity: 1;

		position: relative;

		visibility: visible;

		width: 100% ;

		top: inherit;

		left: 0;

		margin-top: 0;

		background: #fff;

		padding-left: 20px;

		box-shadow: none;

	}



	ul.dropdown li, ul.sup-dropdown li {

		border-top: none;

	}



	/* Gallery / Portfolio */

	.cele-list {

		padding-left: 30px;

	}

	.cel-img {

		margin-bottom: 20px;

		float: none;

	}

	.cel-content {

		padding-left: 0;

	}

	.grid-item  {

		width: 100%;

	}

	.port-content h3 {

		font-size: 20px;

	}

	







	/*Blog*/

	.blog-share {

		position: absolute;

		top: 10px;

		left: 0;

		width: 30px;

		padding-top: 0;

		padding-bottom: 0;

	}

	.blog-no-sidebar .posted-by,

	.posted-by {

		left: 0;

		right: 0;

	}

	.posted-details {

		padding-left: 0;

		padding-right: 0;

	}

	.posted-left,

	.posted-right {

		padding: 10px;

	}

	.news-left {

		float: none;

	}

	.news-right {

		padding-left: 0;

		margin-top: 15px;

	}



	/*Services*/

	.get-us {

		padding: 15px;

	}

	.get-item {

		width: 80px;

		height: 80px;

	}

	.get-item img {

		width: 100%;

		height: 100%;

	}

	ul.get-services {

		padding-top: 15px;

		padding-bottom: 15px;

	}

	ul.get-services li,

	.slider-thumb-2nd .slick-slide {

		width: 40%!important;

	}

	.service-content h4 {

    font-size: 14px;

	}

	.gen-title, .gen-title h4 {

    font-size: 14px;

	}

	  

}
@media (max-width: 419px) {
	.main-slider .slider-btn {
	    margin-right: 4px;
	}
	.cbiz-btn {
		padding: 6px 8px;
	}
	#mobile-banner .text {
	    bottom: 50px;
	}
	.wi-social ul li a {
    top: 4px;
}
}
@media (max-width: 359px) {
	.view1 a {
	    font-size: 10px;
	}
	.wi-social ul li a {
    top: 3px;
}
}

@media (max-width: 320px) { 

	p {

		font-size: 12px;

		line-height: 20px;

	}

	h3 {

		font-size: 20px;

	}
	#mobile-banner h2 {
		font-size: 18px;
	}
	#mobile-banner .text {
		bottom: 30px;
		padding: 15px;
	}
	h2 {

		font-size: 22px;

	}

	.section-heading .title, 

	.section-heading .title h2 {

		font-size: 24px;

	}

	.service-content h4 {

		font-size: 16px;

	}

	.section {

		padding-top: 40px;

		padding-bottom: 40px;

	}


	/*Main Slider*/

	.main-slider .carousel-inner .item {

		min-height: 250px;

	}

	.main-slider .item img {

		min-height: 250px;

	}

	.main-slider .slider-content h2 {

		font-size: 20px;

	}

	.main-slider .slider-content p {

		font-size: 10px;

		margin-top: 8px;

		margin-bottom: 0px;

		line-height: 18px;

	}

	.main-slider .carousel-control i {

		font-size: 20px;

		padding: 5px 10px;

	}

	.main-slider .slider-btn {

		margin-right: 5px;

	}

	.click-to-next {

		display: none;

	}



	/*Goal*/

	.our-goal.section {

		padding-bottom: 50px;

	}

	.projects .counter {

		font-size: 24px;

	}

	.projects .achievement {

		font-size: 16px;

	}



	/* Gallery / Portfolio */

	.port-content h3 {

		font-size: 18px;

	}

	.grid-item  {

		width: 100%;

	}

	/*We Do*/

	.we-do img {

		padding: 0;



	}



	/*Celebration*/

	.cele-list {

		padding: 30px 15px;

	}

	.cel-img {

		margin-bottom: 15px;

		float: none;

	}

	.cel-content {

		padding-left: 0;

	}



	/*Video*/

	.vid {

		padding-top: 60px;

		padding-bottom: 40px;

	}



	/*Post / Blog*/

	.post-title, .post-title h3 {

		margin-top: 20px;

		margin-bottom: 15px;

	}

	.posted-left {

		width: auto;

	}

	.posted-right {

		width: auto;

	}

	.blog-feature img {

		min-height: 250px;

	}

	.pagination>li {

		margin-left: -12px;

	}

	.pagination>li:nth-child(2) {

		margin-left: -5px;

	}

	.pagination >.pagi-prev,

	.pagination >.pagi-next {

		padding-left: 0;

		padding-right: 0;

	}

	.news-left {

		float: none;

	}

	.news-right {

		padding-left: 0;

		margin-top: 10px;

	}



	/*Admin*/

	.admin-img {

		float: none;

		width: auto;

	}

	.admin-content {

		padding-left: 0;

	}

	.admin-content h3 {

		padding-top: 15px;

	}

	/*Comments*/

	.media-left {

		float: none;

	}

	.media-body {

		padding-left: 0;

	}



	/*Services*/

	.get-us {

		padding: 15px;

	}

	.get-item {

		width: 70px;

		height: 70px;

	}

	.get-item img {

		width: 100%;

		height: 100%;

	}

	ul.get-services li,

	.slider-thumb-2nd .slick-slide {

		width: 100%!important;

	}



	/*Contact*/

	.contact-social ul li {

		width: 40px;

		height: 40px;

	}

	.contact-social ul li a {

		margin-top: 1px;

	}



.service-content h4 {

    font-size: 14px;

	}



}



/*Min to Max */

@media (min-width: 768px) {

  .slicknav_menu {

	display: none;

  }

}

@media (max-width: 1023px){

	.navbar-default .navbar-nav > li > a {

    font-size: 12px;

     padding: 34px 0px 24px 10px;
	}
	.cbp-item {
    margin-right: 22px;
    margin-bottom: 22px;
}

}

@media (max-width: 767px){

	.bottom-top-animation{

		display: none;
	}
.logo .wi-title {
    margin-bottom: 0;
}
.widget {
    margin-bottom: 20px;
}
.wi-title {
    margin-bottom: 10px;
}
.wi-list {
    margin-top: 15px;
}
	.caret{

		display: none;

	}

	.cel-img{

		display: none;

	}
	.cbp-item {
		width: 30%;
	    float: left;
	    margin-right: 15px;
	}
	.team-member img {
	    display: block;
	    width: auto;
	    margin: auto;
	}
	.team-each {
	    min-height: 445px;
	}
	.services ul li {
	    padding: 2% 3% 2%;
        height: auto !important;
	}
	.services ul li p {
	    text-align: center;
	}
}



@media(max-width: 719px){

	.projects .achievement {

    font-size: 16px;

	}

	.bottom-top-animation{

		display: none;



	}

	.caret{

		display: none;

	}

	.cel-img{

		display: none;

	}
	.section {
	    padding-top: 30px;
	    padding-bottom: 0px;
	}
	.cele-list li {
		margin-bottom: 20px;
	}
	.cele-list {
	    padding: 30px 30px 20px;
	}
	.projects .achievement {
		font-size: 14px;
	}
	#main-slider .carousel-control i {
		font-size: 40px;
	}
	.skill-info h3 {
	    text-align: center;
	}
	.services ul li {
	    padding: 5% 8% 5%;
	}
	.services ul li .title {
		margin: 10px 0 12px;
	}
	.content {
		font-size: 14px;
		margin: 0 auto 35px;
	}
	.padding, .padding-top {
	    padding-top: 30px;
	}
	.tab-content>.tab-pane {
		display: none;
	}
}

 @media (max-width: 479px){

.projects .achievement {

    font-size: 12px;

	}

	.bottom-top-animation{

		display: none;



	}

	.footer-logo{

		margin-left: 0px;

	}

	.caret{

		display: none;

	}

	.cel-img{

		display: none;

	}
	.wi-list li,
	.copyright {
		font-size: 12px;
	}
	.news-form input {
		height: 35px;
	}
	.cbp-item {
    width: 100%;}
}

@media (max-width: 419px){

.projects .achievement {

    font-size: 12px;

	}

	.bottom-top-animation{

		display: none;



	}

	.caret{

		display: none;

	}

	.cel-img{

		display: none;

	}
	.platform-item {
	    width: 30.5%;
	}

}

@media (max-width: 359px){

.projects .achievement {

    font-size: 10px;

	}
	.carousel-control.right {
		right: 15px;
	}

	.bottom-top-animation{

		display: none;



	}

	.caret{

		display: none;

	}

	.cel-img{

		display: none;

	}
	.btn_common {
		font-size: 10px;
	}
	.pro-item {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}
	.wi-tags ul li {
	    margin-right: 1px;
	}

}