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

	.wrapper { padding: 0px 30px; max-width: 100%; }

	

	.home-get-in-touch-bar { padding: 80px 0px; }

	

	.home-our-work-bar .text { width: 53%; }

	.home-our-impact-bar .text { width: 51%; }

	

	.home-get-in-touch-bar .text { width: 52%; } 

	

	.common-bar .columns-wrap { padding: 20px 0px 40px; margin: 0px -45px; }

	.common-bar .columns-wrap .repeat { padding: 0px 45px; } 

	

	.table-wrap.column5 .one { width: 18%; }

	.table-wrap.column5 .five { width: 35.5%; }

	

	.sub-content-bar .aim-documentation-iframe { height: 780px; }

	

	.table-wrap.column2 .one { width: 65%; }

	.table-wrap.column2 .two { width: 35%; }

	

	.sub-accordion-style-wrap .sub-accordion-content { padding-top: 0px; }

	

	#footer { padding: 60px 0px 70px; }

}



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

	h1 { font-size: 58px; }

	

	hr { margin: 15px 0px 30px; }

	

	.button { margin-top: 15px; }

	

	.hero-bar { padding: 80px 0px 110px; }

	.home-our-impact-bar .text { width: 52%; }

	.home-our-impact-bar .repeat .value { font-size: 45px; width: 220px; }

	.home-our-impact-bar .repeat .copy { padding: 15px 15px 15px 20px; font-size: 24px; line-height: 28px; width: calc(100% - 220px); }

	

	.home-get-in-touch-bar { padding: 65px 0px; }

	.home-get-in-touch-bar h2 { padding-bottom: 20px; }

	.home-get-in-touch-bar address { padding-top: 12px; }

	

	.page-title { font-size: 60px; line-height: 62px; }

	

	.sub-content-bar.our-vision .left { width: 50%; }

	

	.common-bar .columns-wrap { padding: 20px 0px 40px; margin: 0px -30px; }

	.common-bar .columns-wrap .repeat { padding: 0px 30px; } 

	

	.accordion-style-wrap .accordion-row { padding: 0px 25px 1px; }

	.accordion-style-wrap .accordion-row:after { left: 25px; width: calc(100% - 50px); }

	

	.form-bar.contact-page .left { width: 39%; }

	.form-bar.contact-page address { margin-top: 15px; }

	.form-bar.contact-page address + address { padding-left: 20px; margin-left: 20px; }

	.form-bar.contact-page address strong { padding-bottom: 10px; }

	

	.common-bar .sessions-wrap { padding: 25px 0px; }

	.common-bar .sessions-wrap h3 { padding-bottom: 20px; }

	

	.meeting-and-agenda-bar .event-wrap { padding-bottom: 10px; }

	.meeting-and-agenda-bar .btn-wrap { padding-bottom: 25px; }

	

	.alignnone { margin: 0px 0px 35px; }

	.common-bar .CalHOPELogo { width: 440px; }

}



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

	html, body { font-size: 18px; }

	h1 { font-size: 50px; }

	h2, .h2, h3, .h3 { font-size: 22px; }

	.wrapper { padding: 0px 20px; max-width: 100%; }

	

	.header-cntr { padding: 15px 0px 0px; background-size: auto 15px; }	

	.header-cntr .header-top-inner { padding: 25px 0px 35px; }

	.header-cntr .logo { width: 260px; }

	.header-cntr .right { width: 500px; }

	.menu-bar ul li { padding-bottom: 25px; font-size: 17px; line-height: 17px; letter-spacing: 0px; }

	

	.hero-bar { padding: 50px 0px 80px; }

	.hero-bar .text h1:after { margin: 30px auto 0px; width: 100px; height: 6px; }

	

	.home-our-work-bar { padding: 60px 0px; }

	.home-our-work-bar h2 { padding-bottom: 20px; }

	.home-our-work-bar h3 { padding-bottom: 10px; }

	.home-our-work-bar .repeat { padding: 22px 0px 5px; }

	

	.home-our-impact-bar { padding: 60px 0px 50px; }

	.home-our-impact-bar h2 { padding-bottom: 20px; }

	

	.home-news-bar { padding: 60px 0px; }

	.home-news-bar h2 { padding-bottom: 20px; }

	

	.home-get-in-touch-bar .text { width: 53%; }

	

	.page-title { font-size: 52px; line-height: 54px; padding: 0 3px; }

	.page-title span { padding: 12px 10px; margin: 0 -3px; }
	.page-title br + span + span span span ,
	.page-title br + span + span span ,
	.page-title br + span + span ,
	.page-title br + span { margin-top:-10px; }
	

	.page-banner-bar { min-height: 300px; }

	

	.sub-content-bar { margin-top: 0px; }

	.sub-content-bar.our-vision .right { padding-top: 20px; }

	.sub-content-bar .repeat { padding-top: 27px; }

	

	.sub-content-bar .columns-wrap { margin: 0px -15px; }

	.sub-content-bar .columns-wrap .col-6 { padding: 0px 15px; }

	

	.form-bar { padding: 50px 0px; }

	.form-bar .left { width: 40%; }

	.form-bar .f-row { margin: 0px -7px; }

	.form-bar .col-12, .form-bar .col-6 { padding: 0 7px 14px; }

	

	.accordion-bar-bar { padding: 55px 0px 40px; }

	.accordion-style-wrap .accordion-head { font-size: 20px; line-height: 24px; }

	.accordion-style-wrap .columns-wrap { margin: 0px -15px; }

	.accordion-style-wrap .columns-wrap .col-6, .accordion-style-wrap .columns-wrap .col-12 { padding: 0px 15px; }

	.accordion-style-wrap .accordion-content { padding-top: 5px; }

	

	.table-wrap { font-size: 14px; line-height: 18px; }

	.table-wrap .one { width: 43%; }

	.table-wrap .two { width: 17.5%; }

	.table-wrap .three { width: 18.5%; }

	.table-wrap .four { width: 21%; }

	

	.meeting-and-agenda-bar { padding: 45px 0px; margin-top: 0px; }

	.meeting-and-agenda-bar .event-wrap .repeat .date { font-size: 24px; line-height: 28px; }

	.meeting-and-agenda-bar .event-wrap .repeat h4 { font-size: 22px; line-height: 26px; }

	.meeting-and-agenda-bar .event-wrap .repeat .meta_date { font-size: 16px; }

	

	.sub-content-bar .aim-documentation-iframe { padding: 15px; height: 660px; }

	.sub-content-bar.aim-documentation h3 { padding-bottom: 20px; }

	

	.sub-accordion-style-wrap .sub-accordion-head { font-size: 20px; line-height: 24px; }

	.sub-accordion-style-wrap .sub-accordion-head .text { padding-left: 14px; }

	

	.common-bar.CAL-AIM-support-for-counties-bottom { padding: 45px 0px; }

	

	.common-bar .CalHOPELogo { width: 400px; }

	

	.alignnone { margin: 0px 0px 20px; }

	

	.sub-accordion-style-wrap .sub-accordion-row { padding-bottom: 12px; }

	

	.common-bar .post-password-form p { padding-bottom: 25px; }

	

	#footer { padding: 50px 0px 45px; }

	#footer .footer-logo { margin-bottom: 25px; width: 240px; }

	#footer .menu-footer-menu-container ul { font-size: 18px; line-height: 18px; letter-spacing: 0px; }

	#footer .menu-footer-menu-container ul li { padding-right: 30px; }

}



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

	html, body { font-size: 16px; line-height: 22px; }

	h1 { font-size: 40px; }

	h2, .h2, h3, .h3 { padding-bottom: 15px; font-size: 22px; }	

	h4 { font-size: 22px; } 

	

	hr  { margin: 10px 0px 25px; }  

	

	.header-cntr .right { width: 400px; }

	.header-cntr .right ul { font-size: 16px; line-height: 16px; letter-spacing: 0px; }

	.header-cntr .right ul li { padding-left: 20px; }

	.header-cntr .logo { width: 210px; }

	

	.menu-bar { padding: 0px; }

	.menu-bar ul li { padding-bottom: 20px; font-size: 14px; line-height: 14px; }

	.menu-bar ul li a { padding: 0px 0px 0px 10px; }

	.menu-bar ul li a:before { width: 3px; }

	.menu-bar ul li li { font-size: 14px; }

	.menu-bar ul li li a { padding: 4px 25px 4px 20px; }

	

	.hero-bar { padding: 25px 0px 60px; }

	.hero-bar .text h1:after { margin: 20px auto 0px; width: 80px; }

	

	.home-our-work-bar .text { width: 100%; }

	/*.home-our-work-bar .image { margin-top: 45px; width: 100%; }*/
	.home-our-work-bar .image { order:-1; margin: 0 0 45px 0; width: 100%; }

	

	.home-our-impact-bar .image { width: 100%; }

	.home-our-impact-bar .text { padding: 35px 0px 0px; width: 100%; }  

	

	.home-news-bar .text { width: 100%; }

	.home-news-bar .image { padding-top: 20px; width: 100%; }

	

	.home-get-in-touch-bar { padding: 50px 0px; }

	.home-get-in-touch-bar .image { width: 100%; }

	.home-get-in-touch-bar .text { padding-top: 35px; width: 100%; }	

	.home-get-in-touch-bar p { letter-spacing: 0px; }

	

	.page-title { font-size: 46px; line-height: 48px; }

	.page-title span { padding: 12px 10px; }

	

	.page-banner-bar { min-height: 240px; }

	

	.sub-content-bar.our-vision .left { width: 100%; }

	.sub-content-bar .repeat:nth-of-type(1) { padding-top: 10px; }

	.sub-content-bar.our-vision .right { padding-top: 0px; width: 100%; }

	

	.common-bar li { padding-bottom: 10px; }

	

	.common-bar .columns-wrap { margin: 0px; }

	.common-bar .columns-wrap .repeat { padding: 0px; width: 100%; }

	.common-bar .columns-wrap .repeat:nth-of-type(2n) { padding-top: 45px; margin-top: 45px; border: 0px; border-top: 1px solid #ffa400; }

	.common-bar .columns-wrap h4 { padding-bottom: 18px; }

	

	.form-bar .left { padding-bottom: 10px; width: 100%; }

	.form-bar .right { width: 100%; }

	

	.accordion-bar-bar { padding: 45px 0px 45px; }  

	.accordion-style-wrap { padding: 5px 0px 35px; }

	.accordion-style-wrap .accordion-head { min-height: 60px; font-size: 20px; line-height: 24px; }

	.accordion-style-wrap .accordion-row:nth-of-type(1):before { top: -6px; height: calc(100% + 6px); }

	.accordion-style-wrap .accordion-row:nth-last-of-type(1):before { height: calc(100% + 35px); }

	.accordion-style-wrap .accordion-head .plus { width: 36px; height: 36px; }

	.accordion-style-wrap .accordion-head .plus:before { margin-left: -9px; width: 18px; }

	.accordion-style-wrap .accordion-head .plus:after { margin-top: -9px; height: 18px; }

	.accordion-style-wrap .accordion-content h3 { padding-top: 15px; }

	

	.form-bar.contact-page { padding: 45px 0px 45px; }

	.form-bar.contact-page .left { width: 100%; }

	.form-bar.contact-page address strong { font-size: 22px; }

	.form-bar.contact-page address { margin: 10px 0px 20px; }

	

	textarea { padding: 10px; }

	

	.table-wrap .one { width: 34%; }

	.table-wrap .two { width: 18.5%; }

	.table-wrap .three { width: 22.5%; }

	.table-wrap .four { width: 25%; }

	

	.common-bar { padding: 38px 0px 26px; }

	.common-bar .sessions-wrap { padding: 15px 0px; }

	

	.meeting-and-agenda-bar { padding: 35px 0px; }

	.meeting-and-agenda-bar h2 { padding-bottom: 20px; }

	.meeting-and-agenda-bar .event-wrap { padding-bottom: 0px; margin: 0px -7px; }

	.meeting-and-agenda-bar .event-wrap .repeat { padding: 0px 7px 15px; }

	.meeting-and-agenda-bar .event-wrap .repeat .inner { padding: 12px; }

	.meeting-and-agenda-bar .event-wrap .repeat .date { width: 100px; font-size: 20px; line-height: 24px; }

	.meeting-and-agenda-bar .event-wrap .repeat .text { padding: 0px 0px 0px 15px; width: calc(100% - 100px); }

	.meeting-and-agenda-bar .event-wrap .repeat h4 { font-size: 20px; line-height: 24px; }

	.meeting-and-agenda-bar .event-wrap .repeat .meta_date { font-size: 14px; }

	.meeting-and-agenda-bar .event-wrap .repeat .label { font-size: 14px; line-height: 18px; }

	

	.meeting-and-agenda-bar .btn-wrap .repeat { padding: 0px 6px; } 

	

	.sub-content-bar.aim-documentation h3 { padding-bottom: 15px; }

	.sub-content-bar .aim-documentation-iframe { height: 500px; }

	

	.table-wrap.column2.column-new2 .one { width: 65%; }

	.table-wrap.column2.column-new2 .two { width: 35%; }

	

	.table-wrap.column3 .one { width: 55%; }

	.table-wrap.column3 .two { width: 20%; }

	.table-wrap.column3 .three { width: 25%; }

	

	.common-bar .CalHOPELogo { width: 350px; }

	

	.table-wrap.webinarcolumn3 .one { width: 20%; }

	.table-wrap.webinarcolumn3 .two { width: 44%; }

	.table-wrap.webinarcolumn3 .three { width: 36%; }

	

	#footer { padding: 42px 0px 40px; }

	#footer .footer-logo { width: 180px; }

	#footer .menu-footer-menu-container ul { font-size: 16px; line-height: 16px; }

	#footer .right ul { font-size: 14px; line-height: 18px; letter-spacing: 0px; }

	#footer .social a svg { width: 100%; height: auto; }

	#footer .social a.twiiter { width: 25px; }

	#footer .social a.linkedin { width: 20px; }

	.home-our-work-bar .image img { height:auto; position:static; }


} 



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

	html, body { font-size: 16px; line-height: 20px; }

	

	h2, .h2, h3, .h3, h4 { font-size: 24px; line-height: 28px; }

	ul, ol { padding: 0px 0 10px 20px; }

	

	.button { letter-spacing: 0.64px; }

	

	.wrapper { padding: 0px 20px; }

	

	.header-cntr .logo { width: 196px; }

	.header-cntr .header-top-inner { padding: 26px 0px 28px; }

	.menu-bar { display: none; }

	.header-cntr .right { display: none; }

	

	a.menuToggle { display: block; }

	

	.hero-bar { padding: 70px 0px 100px; }

	.hero-bar .text h1:after { margin: 22px auto 0px; width: 82px; height: 9px; }

	

	.home-our-work-bar { padding: 65px 0px; }

	.home-our-work-bar h2 { padding-bottom: 38px; }

	.home-our-work-bar .repeat { padding: 29px 0px 20px; }

	.home-our-work-bar h3 { padding-bottom: 16px; } 

		

	.home-our-impact-bar { padding: 60px 0px 55px; }		

	.home-our-impact-bar h2 { padding-bottom: 36px; }

	.home-our-impact-bar .repeat .value { padding: 10px 25px; width: 100%; min-height: 108px; font-size: 50px; justify-content: flex-start; }

	.home-our-impact-bar .repeat .value small { font-size: 29px; }

	.home-our-impact-bar .repeat .copy { padding: 26px 15px 28px 25px; font-size: 28px; line-height: 32px; width: calc(100% - 0px); }

	

	.home-news-bar { padding: 68px 0px; }

	.home-news-bar h2 { padding-bottom: 30px; }

	.home-news-bar p { font-size: 22px; line-height: 26px; }

	.home-news-bar .image { padding-top: 40px; }

	

	.home-get-in-touch-bar { padding: 60px 0px; }

	.home-get-in-touch-bar .text { padding-top: 50px; font-size: 22px; line-height: 26px; }

	.home-get-in-touch-bar address { padding-top: 25px; }

	

	.page-banner-bar { min-height: 280px; }

	.page-title { font-size: 40px; line-height: 42px; }

	.page-title span { padding: 10px 10px; }
	.page-title br + span + span span span ,
	.page-title br + span + span span ,
	.page-title br + span + span ,
	.page-title br + span { margin-top:-10px; }
	/*.page-title span:nth-of-type(1) { margin-bottom: -20px; }*/

	

	.common-bar { padding: 55px 0px 40px; }

	

	.sub-content-bar { padding: 55px 0px 30px; }

	.sub-content-bar .repeat { padding-top: 35px; }

	.sub-content-bar .repeat ul { padding-bottom: 5px; }

	.sub-content-bar .repeat ul li { padding-bottom: 12px; }

	.sub-content-bar.our-vision .right { padding: 10px 0px 25px; }

	.sub-content-bar .columns-wrap .col-6 { width: 100%; }

	

	.form-bar { padding: 55px 0px; }

	.form-bar .col-12, .form-bar .col-6 { width: 100%; }

	.form-bar .submit-row { padding-top: 15px; }

	

	.form-bar.contact-page { padding: 55px 0px 60px; }

	.form-bar.contact-page .left { padding-bottom: 40px; }

	.form-bar.contact-page address { display: block; }

	.form-bar.contact-page address + address { padding: 30px 0px 0px; margin: 25px 0px 0px; border: 0px; border-top: 1px solid #ffa400; }

	

	.common-bar .sessions-wrap { padding: 45px 0px 30px; }

	

	.table-wrap { font-size: 16px; line-height: 20px; }

	.table-wrap .table-head .th:not(:nth-of-type(1)) { display: none; }

	.table-wrap .one { width: 100%; }

	.table-wrap .two { width: 100%; }

	.table-wrap .three { width: 100%; }

	.table-wrap .four { width: 100%; }

	

	.table-wrap.column5 .one { width: 100%; }

	.table-wrap.column5 .two { width: 100%; }

	.table-wrap.column5 .three { width: 100%; }

	.table-wrap.column5 .four { width: 100%; text-align: left; }

	.table-wrap.column5 .five { width: 100%; }

	

	.table-wrap.column6 .one { width: 100%; }

	.table-wrap.column6 .two { width: 100%; text-align: left; }

	.table-wrap.column6 .three { width: 100%; text-align: left; }

	.table-wrap.column6 .four { width: 100%; text-align: left; }

	.table-wrap.column6 .five { width: 100%; }

	.table-wrap.column6 .six { width: 100%; text-align: left; }

	

	.table-wrap.column2 .one { width: 100%; }

	.table-wrap.column2 .two { width: 100%; }

	

	.table-wrap.column2.column-new2 .one { width: 100%; }

	.table-wrap.column2.column-new2 .two { width: 100%; }

	

	.table-wrap.column3 .one { width: 100%; }

	.table-wrap.column3 .two { width: 100%; }

	.table-wrap.column3 .three { width: 100%; }

	

	.table-wrap.webinarcolumn3 .one { width: 100%; }

	.table-wrap.webinarcolumn3 .two { width: 100%; }

	.table-wrap.webinarcolumn3 .three { width: 100%; }

	

	.table-wrap .table-body .two, 

	.table-wrap .table-body .three,

	.table-wrap .table-body .four,

	.table-wrap.column5 .table-body .five,

	.table-wrap.column6 .table-body .five,

	.table-wrap.column6 .table-body .six { border: 0px; }

	.table-wrap .table-body .h-center { justify-content: flex-start; text-align: left; }

	

	.accordion-style-wrap .accordion-row { padding: 0px 15px 1px; }

	.accordion-style-wrap .accordion-row:after { left: 15px; width: calc(100% - 30px); }

	.accordion-style-wrap .accordion-head { padding: 15px 0px; }

	.accordion-style-wrap .accordion-head .plus { width: 30px; height: 30px; }

	.accordion-style-wrap .accordion-head .plus:before { margin-left: -7px; width: 14px; }

	.accordion-style-wrap .accordion-head .plus:after { margin-top: -7px; height: 14px; }

	.accordion-style-wrap .accordion-head .text { width: calc(100% - 30px); }

	.accordion-style-wrap .columns-wrap .col-6, 

	.accordion-style-wrap .columns-wrap .col-12 { width: 100%; }

	.accordion-bar-bar h2 { padding-bottom: 25px; }

	

	.accordion-bar-bar ul, .accordion-bar-bar ol { padding-bottom: 5px; }

	.accordion-bar-bar li { padding-bottom: 10px; }

	

	.accordion-style-wrap .columns-wrap .btn-wrap { padding-bottom: 20px; }

	

	.accordion-bar-bar .bottom-content { padding-top: 25px; }

	

	.meeting-and-agenda-bar { padding: 50px 0px; }

	.meeting-and-agenda-bar .event-wrap .repeat { padding-bottom: 20px; width: 100%; }  

	.meeting-and-agenda-bar .event-wrap .repeat .inner { padding: 16px; }

	.meeting-and-agenda-bar .event-wrap .repeat .date { padding: 23px 25px; margin-bottom: 20px; width: 100%; font-size: 28px; line-height: 34px; justify-content: flex-start; text-align: left; }

	.meeting-and-agenda-bar .event-wrap .repeat .date br { display: none; }

	.meeting-and-agenda-bar .event-wrap .repeat .text { padding: 0px; width: calc(100% - 0px); }

	.meeting-and-agenda-bar .event-wrap .repeat h4 { font-size: 24px; line-height: 28px; }

	.meeting-and-agenda-bar .event-wrap .repeat .meta_date { padding-bottom: 10px; font-size: 18px; }

	.meeting-and-agenda-bar .event-wrap .repeat .label { padding-top: 20px; font-size: 16px; line-height: 20px; }

	

	.meeting-and-agenda-bar .btn-wrap { padding: 10px 0px 40px; margin: 0px auto; }

	.meeting-and-agenda-bar .btn-wrap .repeat { padding: 0px; width: 100%; }

	.meeting-and-agenda-bar .btn-wrap .repeat .button { padding-left: 50px; padding-right: 50px; width: 100%; }

	

	.sub-content-bar .aim-documentation-iframe { padding: 10px; height: 74vw; }

	

	.accordion-style-wrap .accordion-content h3 { padding-bottom: 20px; }

	

	.sub-accordion-style-wrap .sub-accordion-head { padding: 0px 0px 8px; font-size: 18px; line-height: 22px; }

	.sub-accordion-style-wrap .sub-accordion-head .plus { width: 18px; height: 18px; }

	.sub-accordion-style-wrap .sub-accordion-head .plus:before { margin-left: -8px; width: 16px; }

	.sub-accordion-style-wrap .sub-accordion-head .plus:after { margin-top: -8px; height: 16px; }

	.sub-accordion-style-wrap .sub-accordion-head .text { padding-left: 8px; width: calc(100% - 18px); }

	.sub-accordion-style-wrap .sub-accordion-content { padding: 10px 0px 0px 26px; }	

	

	.common-bar .CalHOPELogo { width: 280px; }

	

	.common-bar .post-password-form { padding: 0px; }

	.common-bar .post-password-form p { padding-bottom: 20px; }

	.common-bar label[for="pwbox-445"] { width: 100%; flex-wrap: wrap; }

	.common-bar label[for="pwbox-445"] input[type="password"] { margin: 10px 0px 20px; }

	

	#footer { padding: 50px 0px 30px; text-align: left; }

	#footer .footer-logo { margin: 0px 0px 45px; width: 273px; text-align: left; }

	#footer .top { width: 100%; display: block; }

	#footer .menu-footer-menu-container ul { font-size: 20px; line-height: 20px; letter-spacing: 0.8px; }

	#footer .menu-footer-menu-container ul li { padding: 0px 0px 20px; width: 100%; }

	#footer .social { padding: 20px 0px 126px; width: 100%; }

	#footer .social a { margin-right: 30px; }

	#footer .social a.twiiter { width: 25px; }

	#footer .social a.linkedin { width: 25px; }

	#footer .right { margin: 0px; width: 100%; }

	#footer .right ul { font-size: 16px; line-height: 20px; letter-spacing: 0.64px; }

	#footer .right ul li:nth-of-type(1) { padding: 0px; }

	#footer .right ul li:nth-of-type(1) a { padding: 0px; }
	.home-our-work-bar .image { order:-1; margin: 0 0 45px 0; }
	.sub-accordion-style-wrap .sub-accordion-content p a { word-break:break-all; }
	#footer .copyright { text-align: left; }
	
}  



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



}



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

	.page-template-CMS-interoperability-planning .page-title { font-size: 34px; line-height: 39px; }

	.page-template-CMS-interoperability-planning .page-title span { padding: 10px 10px; }	

	

	.page-template-aim-documentation-guide .page-title { font-size: 31px; line-height: 32px; }

	.page-template-aim-documentation-guide .page-title span { padding: 10px 10px; }

}	



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



}