@media only screen and (min-width: 980px) and (max-width: 1079px) {
	.container,
	.dnd_container,
	.dnd_team_member_modal .dnd_container{
		width: 960px;
	}

	.revelance-small-with-lines:before{
		left: -175px;
		width: 150px;
	}

	.revelance-small-with-lines:after{
		right: -175px;
		width: 150px;
	}

	.portfolio_item_4 {
		width: 33.3%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	#footerform form {padding: 0px !important;}
	#footerform .field{margin-bottom:0px !important;display:block;}
	#footerform input[type="text"]{width:100% !important;}
	#footerform .email, #footerform .number {margin-left:0px !important;}
	
	#rev_slider_1_1_wrapper{height:500px !important;}
	.team_curve{display: inline-block !important;float:none !important;}
	#our_team{background-size: cover;}
	.process1, .process2, .process3, .process4{width: 49%;display: inline-block;}
	.basic, .startup, .ultimate, .business{width: 50%;margin: 0px auto;margin-top: 30px;}
	
	.plans .col-lg-3::after{margin: 0px auto;right: 0px;left:0px;}
	
	
	#our_team .dnd_container{text-align:center;}
	.cont{display:none;}
	.process1:after, .process2:after, .process3:after{display:none;}
	.nav-tabs > li{width:100px;}
	.container,
	.dnd_container,
	.dnd_team_member_modal .dnd_container{
		width: 748px;
	}

	#abdev_main_header{
		text-align: center;
		position: fixed !important; 
	}

	#logo{
		display: inline-block;
	}

	nav .menu_social{
		float: none;
		display: inline-block;
		margin: 20px 3px !important;
	}

	nav > ul{
		float: none !important;
		width: 100%;
		text-align: center;
	}

	nav > ul > li{
		float: none;
		display: inline-block;
	}

	nav > ul ul{
		margin-top: 22px;
	}

	nav > ul > li > ul:before{
		height: 22px;
		top: -22px;
	}

	nav > ul > li > a {
		margin-left: 10px;
		margin-right: 10px;
	}

	section.page_main_section:first-of-type {
		margin-top: 0px;
	}

	.revelance-small-with-lines:before,
	.revelance-small-with-lines:after{
		display: none;
	}

	.portfolio_item_4 {
		width: 49.99%;
	}

	.dnd_team_member_style_2 .dnd_overlayed .dnd_overlay p{
		top: 30%;
	}

	.dnd_pricebox_monthly{
		display: block;
		padding-top: 0;
		padding-bottom: 20px;
	}

}
@media only screen and (min-width: 768px) and (max-width:940px) {
	.col-md-3,
	.col-lg-3 {  width: 25%; float: left; }	
	.footer-links .col-md-3 { padding:0; }
	.footer-links .col-md-3.footer_tab2 { padding-left: 25px; }
	
	#pricing_plans { text-align:center; }
	#pricing_plans .col-lg-3 { width: 49%; margin: 0px auto; float: none; display: inline-block; vertical-align: top; margin-bottom: 30px;  }
	
	#abdev_main_header nav > ul > li { position:relative; }
	#abdev_main_header nav > ul ul { margin-top: 18px; right: 0 !important; left: inherit !important; }
	
	.websitePage .websiteBottom { height:auto; }
	.websitePage .websiteBottom .bottomContent ul li { padding: 5px 50px 0px 10px; }
	
}
@media only screen and (min-width:480px) and (max-width:767px) {

#popupform .field span { text-align: left !important; }
#pricing_plans .col-lg-3 { width: 80%; margin: 0px auto; }

}
@media only screen and (max-width: 767px){
	.aboutPage .aboutHeader {margin-top: 50px;}
	.aboutPage .about > .col-lg-3 { margin: 20px 0; }
	.aboutPage .aboutHeader .container h2 { font-size: 40px; margin:40px 0 10px; }
	.aboutPage .expertise { height:auto; }
	.aboutPage .expertise .content { width: 85%; float: none; margin: 30px auto; }
	
	.bannerPage .bannerHeader .header_content h2,
	.brochurePage .brochureHeader .header_content h2,
	.stationeryPage .stationeryHeader .header_content h2,
	.websitePage .websiteHeader .header_content h2,
	.logoPage .logoHeader .header_content h2 { font-size: 28px; }
	
	.bannerPage .bannerHeader .header_content h4,
	.brochurePage .brochureHeader .header_content h4,
	.stationeryPage .stationeryHeader .header_content h4,
	.websitePage .websiteHeader .header_content h4,
	.logoPage .logoHeader .header_content h4 { font-size: 20px; }
	
	.bannerPage .bannerBottom .bottomContent ul li,
	.brochurePage .brochureBottom .bottomContent ul li,
	.stationeryPage .stationeryBottom .bottomContent ul li,
	.websitePage .websiteBottom .bottomContent ul li,
	.logoPage .logoBottom .bottomContent ul li { font-size: 14px; padding:5px 10px 0; }
	
	.bannerPage .bannerBottom,
	.stationeryPage .stationeryBottom { height:auto; }
	
	.bannerPage .bannerBottom .bottomContent,
	.brochurePage .brochureBottom .bottomContent,
	.stationeryPage .stationeryBottom .bottomContent,
	.websitePage .websiteBottom .bottomContent,
	.logoPage .logoBottom .bottomContent { padding: 50px 10px; }

	.websitePage .websiteBottom .bottomContent .first_ul,
	.websitePage .websiteBottom .bottomContent .second_ul { float:none; }
	
	.brochurePage .brochureContent h3 { font-size: 28px; }
			
	/*
	.bannerPage .bannerBottom .bottomContent , .logoPage .logoBottom .bottomContent,.websitePage .websiteBottom .bottomContent, .brochurePage .brochureBottom .bottomContent, .stationeryPage .stationeryBottom .bottomContent, .website_devPage .website_devBottom .bottomContent, .bannerPage .bannerBottom .bottomContent h3, .logoPage .logoBottom .bottomContent h3, .websitePage .websiteBottom .bottomContent h3, .brochurePage .brochureBottom .bottomContent h3, .stationeryPage .stationeryBottom .bottomContent h3, .website_devPage .website_devBottom .bottomContent h3{padding-top:0px;}
	
	
	
	
	
	.bannerPage .bannerHeader .container, .logoPage .logoHeader .container, .websitePage .websiteHeader .container, .brochurePage .brochureHeader .container, .stationeryPage .stationeryHeader .container, .website_devPage .website_devHeader .container {padding-top:0px;}
	
	.bannerPage .bannerHeader .header_content, .logoPage .logoHeader .header_content, .websitePage .websiteHeader .header_content, .brochurePage .brochureHeader .header_content, .stationeryPage .stationeryHeader .header_content, .website_devPage .website_devHeader .header_content {float:none;}
	
	.bannerPage .bannerHeader .header_content h3, .logoPage .logoHeader .header_content h3, .websitePage .websiteHeader .header_content h3, .brochurePage .brochureHeader .header_content h3, .stationeryPage .stationeryHeader .header_content h3, .website_devPage .website_devHeader .header_content h3 {text-transform: uppercase;color: #FFF;font-size:20px !important;text-align: center;font-weight:auto !important;}
		
		
	.bannerPage .bannerHeader .header_content h2, .logoPage .logoHeader .header_content h2, .websitePage .websiteHeader .header_content h2, .brochurePage .brochureHeader .header_content h2, .stationeryPage .stationeryHeader .header_content h2, .website_devPage .website_devHeader .header_content h2 {color: #FFF;
font-weight:auto !important;margin: 0px !important;text-align:center;font-size:24px!important;}


	.bannerPage .bannerHeader .header_content h4, .logoPage .logoHeader .header_content h4, .websitePage .websiteHeader .header_content h4, .brochurePage .brochureHeader .header_content h4, .stationeryPage .stationeryHeader .header_content h4, .website_devPage .website_devHeader .header_content h4 {
	text-transform: uppercase;color: #FFF;font-weight:auto;font-size: 16px !important;text-align:center;}
	
	.bannerPage .bannerHeader .header_content table, .logoPage .logoHeader .header_content table, .websitePage .websiteHeader .header_content table, .brochurePage .brochureHeader .header_content table, .stationeryPage .stationeryHeader .header_content table, .website_devPage .website_devHeader .header_content table {
	text-align:center;margin-top:0px;width:auto;}
	
	.bannerPage .bannerHeader .header_content table tr td, .logoPage .logoHeader .header_content table tr td, .websitePage .websiteHeader .header_content table tr td, .brochurePage .brochureHeader .header_content table tr td, .stationeryPage .stationeryHeader .header_content table tr td, .website_devPage .website_devHeader .header_content table tr td {font-size: 12px;}
	
	.bannerPage .bannerContent h2, .websitePage .websiteContent h2, .logoPage .logoContent h2, .brochurePage .brochureContent h2, .stationeryPage .stationeryContent h2, .website_devPage .website_devContent h2{font-size:24px !important;}
	
	.process h3{font-size:18px !important;}
	.processDesc h2{font-size:24px !important;}
	
	
	.bannerPage .bannerHeader .header_content a, .logoPage .logoHeader .header_content a, .websitePage .websiteHeader .header_content a, .brochurePage .brochureHeader .header_content a, .stationeryPage .stationeryHeader .header_content a, .website_devPage .website_devHeader .header_content a {width:auto;margin-bottom: 20px;}
	
	
	
	#pricing_plans a{font-size:18px !important}}
	
	
	.package {font-weight:300 !important;font-size:24px !important;left:none !important;}
	.basic, .startup, .ultimate, .business{margin-bottom:30px;}
	.plans_pricing{padding-bottom:0px;}
	.aboutHeader,.websiteHeader,.stationeryHeader,.bannerHeader,.brochureHeader,.website_devHeader,.logoHeader{margin-top:0px !important;height:auto !important;}
	
	/*.aboutPage .aboutHeader .container h2, .websitePage .websiteHeader .container h2, .bannerPage .bannerHeader .container h2, .logoPage .logoHeader .container h2, .stationeryPage .stationeryHeader .container h2, .brochurePage .brochureHeader .container h2, .website_devPage .website_devHeader .container h2{font-size:30px;}
	
	.aboutPage .aboutHeader .container p, .websitePage .websiteHeader .container p, .bannerPage .bannerHeader .container p, .logoPage .logoHeader .container p, .stationeryPage .stationeryHeader .container p, .brochurePage .brochureHeader .container p, .website_devPage .website_devHeader .container p{font-size:14px;}
	
	.aboutPage .aboutHeader .container a, .websitePage .websiteHeader .container a, .bannerPage .bannerHeader .container a, .logoPage .logoHeader .container a, .stationeryPage .stationeryHeader .container a, .brochurePage .brochureHeader .container a, .website_devPage .website_devHeader .container a{font-size:12px;}
	
	.aboutPage .aboutHeader .container, .websitePage .websiteHeader .container, .bannerPage .bannerHeader .container, .logoPage .logoHeader .container, .stationeryPage .stationeryHeader .container, .brochurePage .brochureHeader .container, .website_devPage .website_devHeader .container{padding:20px;}
	
		.headings h3{font-size:14px}
		.headings h2{font-size:20px}
		
	
	.dnd_container{width: 100%;text-align: center;}
	.aboutPage .expertise .content{width:auto;float:none;padding: 1px 10px 1px 10px;text-align: justify;margin: 10px;}
	.aboutPage .expertise{background-size: cover;height:auto;}
	p{font-size:14px;}
	h2 {font-size:30px;}
	a{font-size:12px;}
	h3{font-size:24px;}#logo{
	
	display: inline-block;
    position: absolute;
    margin-top: -207%;
    margin-left: -50%;
	}
	*/
	

	.popup-form h2 {
    font-size: 25px !important;
    padding-top: 17px !important;
}

.popup-form h3 {
    font-size: 14px !important;
    padding: 6px 10px !important;
    line-height: normal !important;
}

.col-left-form, .col-right-form {
    width: 100% !important;
}

#popupform input[type="text"], #popupform select, #popupform input[type="text"] {
    padding: 5px 5px 5px 0 !important;
}

#popupform .field {
    margin-bottom: 5px !important;
}

#popupform p.form_tagline {
    width: 100% !important;
    font-size: 11px !important;
}

#popupform button, #popupform input[type="submit"] {
    width: 100% !important;
}

#popupform .field span {
    text-align: left !important;
}
	#our_team{display:none;}
	.get_popup{left: 20px!important;top: 320px!important;;padding: 5px !important;}
	#popupform textarea{height: 60px !important;}
	.popup-form{margin: -227px 10px 0 10px !important;left:0px !important;width: 95% !important;}
	.popup-form .formcontainer .tophead{
    margin-bottom: 0 !important;
}
	.popup-form .formcontainer{
    margin: 0px !important;
}
	#ABdev_menu_toggle{z-index:9999 !important;}
	.tp-caption{font-size: 14px !important;line-height: 17px !important;white-space: normal !important;font-weight: 600 !important;margin-top: 36px !important;text-align: center !important;}
	
	.bannerPage .bannerHeader, .logoPage .logoHeader, .websitePage .websiteHeader, .brochurePage .brochureHeader, .stationeryPage .stationeryHeader, .website_devPage .website_devHeader {margin: 0px 0 0 0px !important;height:auto !important;padding-top: 112px;}
	
	.footer-links .social a{display:inline-block !important;float:none !important;}
	.touch h6 {
	color: #fff; 
	font-size: auto;
	margin: 0; 
	padding:0px; 
	background:none; 
	display: inline-block; 
    text-transform:uppercase; 
    font-weight:auto;
    border-radius:none;}
	
	.header_content table tr td{padding-left: 10px;}
	.col-lg-8{float: none !important;}
	
	
	.brochurePage .brochureBottom, .logoPage .logoBottom, .stationerPage .stationeryBottom, .bannerBottomPage .bannerBottom, .websitePage .websiteBottom,.website_devPage .website_devBottom{height:auto !important;}
	
	
	.header_content a{
display: block;
color: #FFF;
text-transform: uppercase;
font-size: 14px;
font-weight:auto !important;
border: 1px solid #ED1C24;
width: auto !important;
padding: 4px 4px;
margin-bottom: 11px;
		
	}
	
	.container{padding:0px !important}
	.header_content table tr td{font-size: 12px !important;}
	.cont{
	float: right !important;
	text-align: center !important;
	margin: 0px auto !important;
	margin-top: -37px !important;
	font-size: 10px !important;
	width: auto !important;
	margin-right: 62px !important;
	}
	
	#footerform form {padding: 0px !important;}
	#footerform .field{margin-bottom:0px !important;display:block;}
	#footerform input[type="text"]{width:100% !important;}
	#footerform .email, #footerform .number {margin-left:0px !important;}
.price_tab1, .price_tab2, .price_tab3, .price_tab4 {
    width: 100%;
}
.package{font-size: 22px;    right: 30px;}
#pricing_plans .basic, #pricing_plans .startup, #pricing_plans .ultimate, #pricing_plans .business{margin: 30px 0;padding: 0;overflow: hidden;}

#our_team .dnd_container{text-align: center;}
	
	.dnd_container [class*="column_dd_span"]{
		display:inline-block;
		float:none;
	}
	
	.container,
	.dnd_container,
	.dnd_team_member_modal .dnd_container{
		width: 95%;
	}

	.row > [class*="span"]{
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
	}

.tp-caption.revelance-button {
    width: 130px !important;
    text-align: center !important;
    margin-top: 50px !important;
    top: 163px !important;
}

.tp-caption.revelance-button a {
    font-size: 12px !important;
    display: block !important;
    padding: 10px 0 !important;
}

 

.tp-leftarrow.custom, .tp-rightarrow.custom {
    display: none !important;
}

.tp-caption.revelance-big {
    font-size: 23px !important;
    text-transform: uppercase;
    text-align: center;
    left: 0 !important;
    width: 100%;
    margin-top: 0 !important;
}


.rev_slider_wrapper {
    height: 350px !important;
    padding-top: 54px !important;
}

.privacyPage, .termPage {
    padding-top: 60px;
}

.black_page header {
    background: #000 !important;
}
 
	#abdev_main_header{
		text-align: center;
		padding: 7px 0px;
		position: absolute !important;
		background: none;
		float: left;
	}


.cont a, .cont span {
    color: #fff !important;
}

.cont {
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 6px;
    border: 1px solid;
    width: 178px;
    height: 29px;
    float: left;
    text-align: center;
    margin-left: 30%;
    margin-top: 25px;
    border-radius: 5px;
    }

	#ABdev_menu_toggle{
		display: block;
		height: 50px;
		width: 50px;
		position: fixed;
		right: 5px;
		top: 5px;
		z-index: 9999999;
		color: #fff;
		font-size: 30px;
		line-height: 50px;
		text-align: center;
		background: rgba(0,0,0,0.5);
	}

	#abdev_main_header nav{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		background: #222;
		z-index: 100000;
		overflow-y: scroll;
		overflow-x: hidden;
		display: none;
		width: 80%;
	}

	#abdev_main_header nav .menu_social{
		display: none;
	}

	#abdev_main_header nav > ul{ clear: both; padding-left: 15px; margin:20px 0 0; }

	#abdev_main_header nav > ul > li{
		display: block;
		float: none;
		text-align: left;
	}

	#abdev_main_header nav > ul ul{
		display: block;
		background: #222;
		position: static;
		border: none;
		margin: 0;
		padding: 0 0 0 15px;
	}

	#abdev_main_header nav > ul ul:before{
		display: none;
	}

	#abdev_main_header nav li:hover{
		background: none;
	}

	#abdev_main_header nav a{
		color: #fff;
		margin: 0;
		padding: 5px 0 5px 0;
	}
.popup-form ul li {
    font-size: 7px !important;
}
	#abdev_main_header nav a:hover,
	#abdev_main_header nav .current-menu-item > a{
		color: #e61c26;
		background: none;
	}

	aside.sidebar_right,
	aside.sidebar_left{
		padding: 0px;
		margin: 0;
	}

	.dnd_section_dd header p {
		padding: 0px;
	}

	.revelance-small-with-lines:before,
	.revelance-small-with-lines:after{
		display: none;
	}

	.portfolio_item_4 {
		width: 100%;
	}

	.dnd_pricing-table-1.dnd_popular-plan{
		top: 0;
		margin-bottom: 20px;
	}

	section.page_main_section:first-of-type {
		margin-top: 0;
	}

	#page404 .big_404 {
		font-size: 100px;
		line-height: 100px;
	}
}