@charset "utf-8";
/*
Theme Name: ElevatedX Responsive Stylesheet
CSS/Theme URI: http://www.elevatedx.com/
Description: Designed by AJ Hall, coded by Miguel@ElevatedX.com
Version: 1.0
Author: ElevatedX
Author URI: http://www.elevatedx.com/
*/

@media only screen and (max-width: 1400px) {
	.hero-features .hero-overlay { /*width:440px;*/ top:30px; left:10%; }
	.hero-features .hero-overlay h1 { font-size:30px; }
	#footer .bottom .bottom-block { margin:0 10px; }
}

@media only screen and (max-width: 1200px) {
	body { overflow-x:hidden; }
	.wrapper { width:960px; }
	#header #logo { margin-right:0; }
	#header nav ul li a { padding:19px 20px 15px 20px; }
	.build-your-brand .col.col-left { width:470px; }
	.build-your-brand .col.col-right { width:470px; }
	.section h3 { font-size:26px; }
	.section p, .theme-block .col.col-left ul li { font-size:17px; }
	.launch-your-business .col.col-left { width:100%; }
	.launch-your-business .col.col-right { width:100%; text-align:center; }
	.launch-area { right:0; left:60px; margin-bottom:30px; }
	ul.check-list { width:auto; margin:0 auto; }
	ul.check-list li { display:block; width:auto; padding-right:40px; text-align:left; }
	.devices .device_01 { left:60px; }
	.devices .device_02 { left:200px; }
	.devices .device_03 { left:400px; }
	.devices .device_04 { left:740px; }
	#testimonials .testi-item .box { width:245px; }
	#testimonials .owl-item .testi-item .box { width:250px; }
	#footer { font-size:14px; }
	#footer .bottom .bottom-block { margin:0 5px; }
	#footer .bottom .bottom-block.more-links a { margin:0 15px; }

	.section table.pricing { width:100%; }
	.faq .columns { width:100%; }

	.hero-features .hero-overlay { /*width:380px;*/ top:20px; }
	.hero-features .hero-overlay h1 { font-size:26px; }
	.hero-features .hero-overlay a.btn { padding:15px 30px; }
	.hero-features .hero-footer h2 { font-size:24px; }
	/*.features-block-01 h3 { font-size:40px; }
	.features-block-01 h4 { font-size:30px; }*/
	.features-block-01 .col.col-left { width:400px; }
	.features-block-01 .col.col-right { width:550px; margin-right:0; }
	.features-block-01 .col.col-left h3, .features-block-01 .col.col-right h3 { font-size:22px; margin-bottom:10px; }
	.features-block-01 .col.col-left p, .features-block-01 .col.col-right p { margin-bottom:25px; }
	/*.features-block-02 .heading-block h2 { font-size:30px; }*/
	.features-block-02 .progress-arrows-block { padding-bottom:80px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow { height:114px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow > span { font-size:17px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n1 { width:150px; left:30px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n2 { width:150px; left:240px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n3 { width:150px; left:420px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n4 { width:150px; left:590px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n5 { width:150px; left:780px; }
	.features-block-03 .col.col-right { width:620px; }
	.features-block-03 .col.col-right p a.btn { margin-left:0; }
	.features-block-04 h2 { font-size:30px; }
	.features-block-04 h4 { font-size:20px; }
	ul.features-icons li span { width:350px; }

	.tabs .tabs-content { width:690px; }

	.theme-block .col.col-left { width:390px; }
	.theme-block .col.col-right { width:570px; margin-right:0; }
	.theme-block .col.col-left h3, .theme-block .col.col-right h3 { font-size:22px; margin-bottom:10px; }

	.about-block .columns .column { width:520px; }
	.about-block ul.arrow-list { width:75%; }

	.lower { margin-top:20px; }

	.comparebox_big { max-width:80%; }
}

/* Tablet Portrait size to standard 1024 */
@media only screen and (max-width: 1023px) {
	.wrapper { width:768px; }
	
	.build-your-brand .col.col-left { width:360px; }
	.build-your-brand .col.col-right { width:400px; }
	.section h3, .faq h3, .checkout .columns .column h3 { font-size:20px; }
	.section p, .theme-block .col.col-left ul li, .faq p, .faq .columns .column p { font-size:15px; }
	a.btn { padding:20px 30px; }
	.launch-area { width:100%; height:auto; left:0; margin-bottom:20px; }
	.launch-area .rocket { left:610px; }
	.launch-area .rocket .txt { width:100px; font-size:15px; }
	.launch-area .launch-txt-1 { left:440px; }
	.launch-area .launch-txt-2 { left:550px; }
	.launch-area .launch-txt-3 { left:660px; }
	.devices .device_01 { left:0px; }
	.devices .device_02 { left:140px; }
	.devices .device_03 { left:300px; }
	.devices .device_04 { left:auto; right:0; }
	ul.slides li .slide_overlay { position:relative; display:block; width:auto; padding:20px; font-size:16px; }
	#testimonials .testi-item.left, #testimonials .testi-item.right { width:100%; float:left; }
	#testimonials .testi-item .box, #testimonials .owl-item .testi-item .box { width:551px; }
	#footer { padding:20px 0; }
	#footer hr { margin:15px 0; }
	#footer .bottom .bottom-block, #footer .bottom .bottom-block.copyr, #footer .bottom .bottom-block.more-links, #footer .bottom .bottom-block.social { float:none; margin:5px 0; width:100%; display:inline-block; top:0; }

	.section table.pricing colgroup:nth-child(1) { width:50%; }
	.section table.pricing colgroup:nth-child(2) { width:25%; }
	.section table.pricing colgroup:nth-child(3) { width:25%; }
	.section table.pricing thead tr th h2 { font-size:16px; }
	.section table.pricing thead tr th h2 + p { font-size:13px; }

	.hero-features .hero-overlay { /*width:270px;*/ }
	.hero-features .hero-overlay h1 { font-size:18px; }
	.hero-features .hero-footer h2 { font-size:20px; }
	/*.features-block-01 h3 { font-size:30px; }
	.features-block-01 h4 { font-size:24px; }*/
	.features-block-01 .col.col-left { width:100%; }
	.features-block-01 .col.col-right { width:100%; }
	.features-block-02 .progress-arrows-block { padding-bottom:30px; }
	.features-block-02 .progress-arrows-block .progress-arrows { height:92px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow { height:92px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow > span { font-size:14px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n1 { width:150px; left:10px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n2 { width:150px; left:185px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n3 { width:150px; left:330px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n4 { width:150px; left:470px; }
	.features-block-02 .progress-arrows-block .progress-arrows .progress-arrow.n5 { width:150px; left:620px; }
	.features-block-03 .col.col-left { width:100%; margin-bottom:10px; }
	.features-block-03 .col.col-right { width:100%; margin:0; }
	.features-block-03 .col.col-right p a.btn { margin-left:15px; }
	.features-block-03 .col.col-right p { margin:10px 0 }
	.features-block-04 h2 { font-size:25px; }
	.features-block-04 h4 { font-size:18px; }
	ul.features-icons li span { width:260px; }

	.tabs .tabs-content { width:505px; }
	.tabs .tabs-content .tab .col.col-left, .tabs .tabs-content .tab .col.col-right { width:100%; margin-bottom:10px; }

	.checkout .columns .column.left, .checkout .columns .column.right { width:500px; margin:0 0 10px 0; }

	.hero-features .slide_overlay { position:relative; line-height:120%; font-size:18px; display:block; padding:15px 10px; box-sizing:border-box; margin-bottom:20px; }

	.theme-block .col.col-left { width:100%; }
	.theme-block .col.col-right { width:100%; margin-top:15px; }

	.about-block .columns .column { width:100%; }
	.about-block .columns .column.right { width:100%; margin-left:0; padding-left:0; border:0; margin-top:20px; padding-top:40px; border-top:1px solid #CCC; }
	.about-block ul.nominations_list { width:100%; text-align:center; }
	.about-block ul.nominations_list.left { margin:0; border:0; }
	.about-block ul.nominations_list.right { padding:0; }
	.about-block ul.arrow-list { width:100%; }

	.lower { margin-top:0px; }

	.comparebox_big { max-width:90%; }

	.checkout .columns .column.right { margin-top:15px; }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	/*.wrapper { width:420px; }*/
	.wrapper { width:96%; }
	
	.section { padding:15px 0; }
	.section h2 { font-size:24px; text-align:center; }
	.section h3, .checkout .columns .column h3 { margin-bottom:5px; text-align:center; }
	.section h4 { font-size:16px; text-align:center; margin-bottom:0; }
	.faq .columns .column h5 { font-size:16px; }
	.section p, .theme-block .col.col-left p, .theme-block .col.col-right p, .faq .columns .column p { font-size:15px; text-align:center; }
	.demo-form .form-row input.inputTxt { width:220px; }
	.build-your-brand .col.col-left, .build-your-brand .col.col-right { width:100%; margin-bottom:10px; }
	.launch-your-business .col.col-right { text-align:left; }
	.launch-area { display:none; }
	ul.check-list { font-size:14px; }
	.devices .device_01 { left:auto; right:10%; }
	.devices .device_03, .devices .device_04 { display:none; }
	#testimonials .testi-item .image { width:16%; }
	#testimonials .testi-item .box, #testimonials .owl-item .testi-item .box { width:72.8%; padding:2.5%; margin-left:5%; }
	#testimonials .testi-item.right .box, #testimonials .owl-item .testi-item.right .box { margin-left:0; margin-right:5%; }
	#testimonials .testi-item .box p { font-size:14px; }
	#testimonials .testi-item .box p.testi-name { font-size:18px; }
	#testimonials .testi-item .box p.testi-company { font-size:14px; }
	#footer ul.footer-links li { margin:0 4px; }

	.faq .columns .column, .faq .columns .column:nth-child(2n) { float:left; width:100%; margin:0; margin-bottom:15px; }

	.demo form#demoForm { width:90%; }

	/*.hero-features .hero-overlay { width:100%; position:relative; top:0; left:0; text-align:center; }
	.hero-features .hero-overlay h1 { text-align:center; width:100%; margin-bottom:10px; }
	.hero-features .hero-overlay h1 br { display:none; }*/
	/*.features-block-01 h3 { font-size:20px; }
	.features-block-01 h4 { margin-bottom:0; }*/
	.features-block-01 hr { margin:15px 0; }
	.features-block-02 .heading-block h2 { font-size:20px; }
	.features-block-02 .progress-arrows-block { display:none; }
	.features-block-03 .col.col-left h3 { font-size:20px; margin-bottom:10px; }
	.features-block-03 .col.col-left p { margin-bottom:15px; }
	.features-block-03 .col.col-right p a.btn { margin-left:0; margin-top:10px; }
	.features-block-04 h2 { font-size:20px; }
	ul.features-icons li { width:100%; }
	ul.features-icons li span { width:70%; font-size:14px; }
	span.arrow { display:none; }
	ul.check-list { width:100%; }

	/*
	.tabs .tabs-list { width:100%; padding:0; border-right:0; text-align:center; font-size:14px; border-bottom:1px solid #c7c7c7; margin-bottom:20px; padding-bottom:10px; }
	.tabs .tabs-list ul { text-align:center; }
	.tabs .tabs-list ul li { float:none; display:inline-block; width:auto; }
	.tabs .tabs-list ul li a { padding:10px; box-shadow:inset #CCC 0px 0px 1px; }
	.tabs .tabs-list ul li a:hover:after, .tabs .tabs-list ul li a.active:after { display:none; }
	*/
	.tabs .tabs-list { display:none; }
	.tabs .tabs-content { width:100%; }
	.tabs .tabs-content .tab { display:block !important; border-bottom:1px solid #c7c7c7; margin-bottom:20px; padding-bottom:0px; }
	ul.check-list li { padding-right:0; padding-left:40px; background-position:left top; }
	.section.build-your-business p:last-child { margin-bottom:0; }
	#testimonials .testi-item.fullwidth i { font-size:25px; }
	#testimonials .testi-item.fullwidth { margin:10px 0 30px 0; }

	.flex-direction-nav a { top:30%; }

	.checkout .columns .column.left, .checkout .columns .column.right { width:90%; }

	.features-block-addon .columns .column, .features-block-addon .columns .column:nth-child(2n) { width:100%; margin:0; margin-bottom:20px; }

	ul.templates li { width:43%; }

	.about-block .columns .column { text-align:center; }
	.about-block .columns .column.right { font-size:14px; }
	.about-block ul.awards li { font-size:20px; }
	.about-block ul.nominations_list { font-size:14px; }
	.about-block ul.arrow-list { font-size:14px; }

	.hero-features .slide_overlay { font-size:15px; }
	.hero-features .hero-overlay { left:5%; }
	.hero-features .hero-overlay h1 { margin-bottom:10px; }
	.hero-features .hero-overlay a.btn { display:none; }
	.hero-features .hero-footer { padding:15px; box-sizing:border-box; }
	.hero-features .hero-footer h2 { font-size:16px; }

	.awards { margin-bottom:5px; }

	.comparebox_big { display:none; }
	.comparebox_small { display:block; }

	form#calculator .form-row label { width:130px; }
	form#calculator .form-row span { display:block; width:100%; margin-bottom:5px; }

	.demo-form { margin-top:15px; }
	.features-block-01 .col.col-left br { display:none; }
	.tabs .tabs-content .tab .col.col-left, .tabs .tabs-content .tab .col.col-right { text-align:center; }

	.faq h3, .checkout h3 { margin-bottom:15px; }
	.faq .columns .column h5 { width:100%; text-align:center; }
	.demo form { width:95%; }
	.demo form p.last a { display:inline-block; width:100%; }

	.checkout .fake-textarea p { text-align:left; }

	.checkout .columns .column .form-row input.inputTxt { width:100%; box-sizing:border-box; }
	.form-error { margin-left:0; }

	.hosting-info .middle, .message-overlay .middle { vertical-align:top; }
	.hosting-info .middle .hosting_box { height:400px; overflow:auto; }

	ul.slides li .slide_overlay { font-size:14px; }
}

@media only screen and (max-width: 600px) {
	.hero-features .hero-overlay { left:2%; background:rgba(255,255,255,0.8); padding:5px; }
	.hero-features .hero-overlay h1 { font-size:12px; margin:0; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	/*.wrapper { width:300px; }*/
	.wrapper { width:96%; }
	
	#header #logo { float:left; }
	.section { padding:10px 0; }
	.section h2 { font-size:22px; }
	.section h3, .checkout .columns .column h3 { font-size:16px; margin-bottom:5px; }
	.faq h3 { margin-bottom:10px; }
	.section h4 { font-size:14px; }
	.section h4.bigger { font-size:20px; margin-bottom:10px; }
	.section p, .theme-block .col.col-left p, .theme-block .col.col-right p, .theme-block .col.col-left ul li, .faq .columns .column p { font-size:13px; line-height:140%; }
	.demo-form .form-row input.inputTxt { width:155px; padding:10px; font-size:12px; }
	.demo-form .form-row input.inputSubmit { padding:10px; font-size:12px; }
	ul.check-list { font-size:13px; }
	ul.check-list li { line-height:130%; min-height:0px; background-size:20px; padding-left:30px;  }
	.devices { height:270px; }
	.devices .device_01 { width:200px; left:auto; right:0; }
	.devices .device_02 { width:210px; left:10%; right:0; }
	#testimonials .testi-item .image { width:25%; }
	#testimonials .testi-item .box, #testimonials .owl-item .testi-item .box { width:61%; padding:2.5%; margin-left:7%; }
	#testimonials .testi-item.right .box, #testimonials .owl-item .testi-item.right .box { margin-left:0; margin-right:7%; }
	#testimonials .testi-item .box p { font-size:12px; font-weight:400; }
	#footer { font-size:12px; }

	.section table.pricing thead tr th { padding:10px 5px; }
	.section table.pricing tbody tr span.big { font-size:20px; }
	.section table.pricing th, .section table.pricing td { padding:4px; }
	.section table.pricing tfoot tr td { padding:4px; }
	.section table.pricing thead tr th h2 { font-size:11px; }
	.section table.pricing thead tr th h2 + p { font-size:10px; }
	.section table.pricing td img { max-width:20px; }
	.section table.pricing tfoot a, .section table.pricing tfoot input.inputSubmit, .section table.pricing a.btnBuy { padding:10px; font-size:13px; }

	.hero-features .hero-overlay a.btn { width:85%; margin:0 auto; padding:15px 10px; }
	.launch-your-business .col.col-left p, .launch-your-business .col.col-right p { text-align:center; }
	ul.features-icons li span { width:60%; }
	.features-block-01 h3 { margin-bottom:0; }
	.features-block-01 .col.col-left h3, .features-block-01 .col.col-right h3 { font-size:16px; }
	.features-block-02 .heading-block h2 { font-size:16px; }
	.features-block-03 .col.col-left h3 { font-size:16px; }
	.features-block-04 h2 { font-size:16px; }
	.features-block-04 h4 { line-height:140%; }

	.demo form#demoForm h2 { font-size:20px; }

	.section h3 { text-align:center; }
	.build-your-brand .col.col-left p, .build-your-brand .col.col-right p { text-align:center; }
	.faq .columns .column, .faq .columns .column:nth-child(2n) { text-align:center; }

	.tabs .tabs-list {font-size:11px; }
	.tabs .tabs-list ul li a { padding:5px; }
	.tabs h2 { text-align:center; }
	.tabs .tabs-content .tab .col p { text-align:center; }
	.build-your-brand .col.col-left, .build-your-brand .col.col-right { text-align:center; }

	.demo form#demoForm { margin-top:20%; }

	.checkout .columns { margin-top:15px; }
	.checkout .columns .column .form-row label { margin:0 0 5px 0; width:100%; }
	.checkout .columns .column .form-row input.inputTxt, .checkout input.inputSubmit { width:100%; box-sizing:border-box; }

	ul.templates li { width:90%; }
	
	.about-block ul.awards li { font-size:16px; }
	.about-block ul.nominations_list { font-size:13px; }
	.about-block ul.arrow-list { font-size:13px; }

	.comparebox_small thead th, .comparebox_small tbody td, .comparebox_small tbody th { font-size:12px; }

	.section table.pricing th, .section table.pricing td { font-size:12px; }

	a.btn.btn-addon { font-size:12px; padding:5px 10px; }

	.demo form { font-size:14px; }
	.demo form h2 { font-size:20px; }

	.hosting-info .middle .hosting_box, .message-overlay .middle .message_box { width:100%; box-sizing:border-box; }
}