/* #region -------------------------- ROOT */

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

  :root {
	  
  }

} 

/* #endregion */

/* #region - -------------------------- GENERAL */

@media only screen and (max-width : 1300px) {
	.element .slide-bg .owlprev { left: -25px;}
	.element .slide-bg .owlnext { right: -25px;}
}

@media only screen and (max-width : 1250px) {
	.element .slide-bg { text-align: center;}
	.grid-post-slider .slide-bg .post-info { text-align: left;}
	.element .slide-bg .owlbtn { position: relative; top: auto; bottom: -10px;}
}

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

    section.element .wrap { padding: 30px 0;}
    section.element .nwrap { padding: 0;}
    .element.no-br br { display: none;}
	.element .btitle { margin-bottom: 20px;}
	p { margin-bottom: 27px; line-height: 155%;}

	#menu-oc-right[data-animate="off-right"] { max-width: 420px;}
	.mobile-menu .box { padding-left: 20px; padding-right: 20px;}
	.mobile-menu .main-menu { padding-top: 25px;}
    .main-menu .navbar-nav li { display: block;}
	.main-menu .navbar-nav .menu-item-megamenu { display: none;}
	.main-menu .navbar-nav .nav-link { min-width: 0; height: auto; background: none; font-size: 21px; padding: 17px 20px;}
	.mobile-menu .main-menu .m-toggler { width: 40px; height: 40px; background-color: var(--color3); top: 10px; right: 0;}
	.mobile-menu .dropdown-menu .menu-item a:hover { background-color: var(--color3);}
	
	.footer-0 .wrap { padding-top: 50px; padding-bottom: 50px;}
	.footer-0 .dtop { margin-bottom: 50px; padding-bottom: 50px;}
	.footer-menu .menu-title { margin-bottom: 25px;}
	.footer-0 .dtitle { margin-bottom: 25px;}
	.footer-menu .menu-links.is-mobile li { padding: 8px 10px;}
	.footer-0 .copyright { padding-top: 40px;}

}

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

}

@media only screen and (max-width : 767px) {
	
	.btn, .link-text { font-size: 14px; letter-spacing: 1px;}
	.btn { padding-top: 13px; padding-bottom: 13px; border-width: 2px !important;}
	.element .btitle { margin-bottom: 15px;}
	p { margin-bottom: 20px; line-height: 140%;}
	
	.footer-0 .dtop { margin-bottom: 40px; padding-bottom: 40px;}
	.footer-0 .social-icons { max-width: 100%; flex-wrap: nowrap; gap: 15px;}
	.footer-0 .social-icons .soc-link { width: auto; position: relative;}
	.footer-0 .social-icons .soc-link:before { width: 1px; height: 15px; background-color: var(--colorw); position: absolute; left: 0; display: block; content: '';}
	.footer-0 .social-icons .soc-link[title="LinkedIn"]:before { display: none;}
	.footer-0 .soc-link .icon-bg { margin-left: 15px;}
	.footer-0 .social-icons .soc-link[title="LinkedIn"] .icon-bg { margin-left: 0;}
	.footer-0 .copyright { padding-top: 30px;}
	
}

@media only screen and (max-width : 570px) {
	.footer-0 .wrap { padding-top: 40px; padding-bottom: 40px;}
	.footer-menu .menu-title { margin-bottom: 20px;}
	.footer-0 .dtitle { margin-bottom: 20px;}
}

@media only screen and (max-width : 480px) {
	.btn, .link-text { font-size: 13px; letter-spacing: 0.5px;}
}
  
/* #endregion */


/* #region - -------------------------- .ELEMENTS */

@media only screen and (max-width : 1200px) {
	.home .hero-optn .wrap { margin-bottom: 0;}
}  

@media only screen and (max-width : 1024px) {
	
	section.hero-optn .wrap { padding-top: 100px; padding-bottom: 0;}
	 .home section.hero-optn .wrap { padding-top: 0;}
	.textwidth-330px [data-margin] .dtext, 
	.textwidth-330px [data-margin] .ptext { max-width: 100%;}
	.cards-flex .dimage { margin-bottom: 25px;}
	[data-design*="row-flex"] .flexic { column-gap: 0;}
	[data-design*="row-flex"] .flex-col.dmedia { max-width: 100% !important; flex: 0 0 100% !important;}
	.row-media .media { max-width: 700px; max-height: 700px;}
	.icons-flex .flexic { row-gap: 40px;}
	.icons-flex-02 .flexic { row-gap: 0;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(odd) .div-link { padding-right: 50px;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(even) .div-link { padding-left: 50px;}
	.icons-flex-02 .ptext, 
	.icons-flex-02 .dtext { margin-top: 20px;}
	.row-contact .col-lg-5 { margin-right: 0; padding-left: 15px; padding-right: 15px;}
	.row-contact .col-lg-7 { margin-left: 0; padding-left: 15px; padding-right: 15px;}
	.row-contact .dinfo { padding-left: 0;}
	.js-team .dheading { margin-bottom: 40px;}
	.js-team .col-md-4 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
	.js-team .item { max-width: 400px; margin: 0 auto;}
	.col-h530 .item { min-height: 0;}
	.col-overlay .item { min-height: 500px;}
	.timeline-vertical .timeline-dots-wrap.left { max-width: 170px; top: 0;}
	.timeline .timeline-list { max-width: calc(100% - 170px); max-height: 790px; margin-top: 40px; padding: 30px 30px 40px 30px;}
	.timeline .content-info p { margin-bottom: 30px; padding-bottom: 30px; line-height: 150%;}
	.ajax-posts .dheading { margin-bottom: 40px;}
	.single-newspost .wrap { padding-top: 50px; padding-bottom: 50px;}
	.single-newspost .post-topcontent { margin-top: 50px;}
	.single-newspost .post-mcontent { margin-top: 50px;}
	.single-newspost h2, 
	.single-newspost h3 { margin-top: 45px; margin-bottom: 30px;}
	.ff-cta.design-1 .dinfo { row-gap: 30px;}
	body .gform_wrapper.gform-theme .gform-footer { margin-top: 50px;}
}

@media only screen and (max-width : 991px) {
	.fancybox__container .fancybox__content { padding: 50px 30px 70px 30px;}
	.fancybox__container .fancybox__content .container-md { max-width: 100%;}
	.fancybox__container .fancybox__content .col-md-4 {  max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.fancybox__container .fancybox__content .col-md-8 {  max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.fc-bio .dphoto { max-width: 400px; margin: 0 auto;}
	.fc-bio .dinfo { max-width: 100%; margin-left: 0;}
	.ajax-posts .col-lg-4 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%;}
	.ajax-posts [data-design="grid-1.0"] .box { min-height: 220px; padding-bottom: 40px;}
}

@media only screen and (max-width : 767px) {
	
	.texts-opt .conbox-layout { padding: 30px 50px;}
	.content-table table th { min-width: 0;}
	.contact-gform .col-info { max-width: 100%; flex: 0 0 100%;}
	.col-gallery [data-ctr="3"] .grid { grid-template-columns: repeat(2,1fr); row-gap: 30px;}
	[data-ctr="2"] .flex-item, 
	.flexic [data-ctr="2"] .item { max-width: 100%; flex: 0 0 100%;}
	[data-ctr="3"] .flex-item, 
	.flexic [data-ctr="3"] .item { max-width: 50%; flex: 0 0 50%;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(odd) { border-right: 0;}
	.icons-flex-02 .div-link { padding-top: 0; padding-left: 15px; padding-right: 15px;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(1) .div-link { padding-top: 0; padding-bottom: 30px;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(2) .div-link { padding-top: 30px; padding-bottom: 30px;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(odd) .div-link { padding-right: 15px;}
	.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(even) .div-link { padding-left: 15px;}
	.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(3),
	.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(4) { border-bottom: 1px solid rgba(255,255,255,.25);}
	.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(3) .div-link,
	.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(4) .div-link { padding-top: 30px; padding-bottom: 30px;}
	.single-newspost .post-topcontent { padding: 20px 30px;}
	.slider-reviews .slide-bg .item { flex-direction: column-reverse;}
	.slider-reviews .item .dinfo { width: 100%; padding: 30px 40px 40px 40px;}
	.slider-reviews .item .davatar { margin-left: auto; margin-right: auto;}
	.grid-post-slider .mtitle { width: 100%;}
	.grid-post-slider .cats-filter { width: 100%; padding-top: 20px;}
	.cats-filter a { padding: 10px 20px;}
	.cats-filter .cat-itn { padding-right: 20px;}
	.cats-filter .cat-all { padding-left: 0;}
	.post-topcontent ul li { padding-top: 7px; padding-bottom: 5px;}
	
	body .gform_wrapper.gform-theme .gform_fields { row-gap: 30px;}
	body .gform_wrapper.gform-theme .gfield input[type="text"], 
	body .gform_wrapper.gform-theme .gfield input[type="email"], 
	body .gform_wrapper.gform-theme .gfield input[type="tel"], 
	body .gform_wrapper.gform-theme .gfield select { height: 54px;}
	body .gform_wrapper.gform-theme .gform-footer { justify-content: center;}
	
}

@media only screen and (max-width : 639px) {
	
	[data-colwidth="9"] .hero-opt, 
	[data-colwidth="9"] .col-info { max-width: 100%; flex: 0 0 100%;}
	.js-team .col-md-4 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.ajax-posts .col-lg-4 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.ajax-posts [data-design="grid-1.0"] .box { min-height: 170px;}
	
}

@media only screen and (max-width : 570px) {
	
	section.hero-optn .wrap { padding-top: 90px;}
	.title-opt .col-info { max-width: 100%; flex: 0 0 100%; text-align: left;}
	.texts-opt .col-info { max-width: 100%; flex: 0 0 100%; text-align: left;}
	.texts-opt .conbox-layout { text-align: center; padding: 20px 15px;} 
	[data-ctr="3"] .flex-item, 
	.flexic [data-ctr="3"] .item { max-width: 100%; flex: 0 0 100%;}
	.cards-flex .dimage { min-height: 270px;}
	.col-gallery [data-ctr="3"] .grid { grid-template-columns: repeat(1,1fr);}
	.col-gallery .dimage { height: 350px;}
	.row-media .media { height: 100%;}
	.icons-flex .flexic { row-gap: 25px;}
	.icons-flex-02 .flexic { row-gap: 0;}
	.flex-litem .dinfo { flex-wrap: wrap; align-items: center; row-gap: 20px;}
	.flex-litem .pad { width: 100%; flex: auto;}
	.js-team .dheading { margin-bottom: 30px;}
	.timeline-vertical .timeline-dots-wrap.left { max-width: 100%; top: -75px;}
	.timeline .timeline-list { max-width: 100%; margin-top: 100px;}
	.timeline-vertical .timeline-dots-wrap .timeline-dots { display: flex; flex-wrap: wrap; gap: 15px;}
	.timeline-vertical .timeline-dots-wrap .timeline-dots li { width: auto;}
	.slider-reviews .dheading { text-align: left;}
	.slider-reviews .item .dinfo { padding: 25px 20px 30px 20px; filter: drop-shadow(0 3px 10px rgba(0,25,48,.11));}
	
	.fancybox__container .fancybox__content { padding: 40px 10px 50px 10px;}
	.fc-bio .dphoto { max-width: 320px;}
	body .gform_wrapper.gform-theme .gfield input[type="text"], 
	body .gform_wrapper.gform-theme .gfield input[type="email"], 
	body .gform_wrapper.gform-theme .gfield input[type="tel"], 
	body .gform_wrapper.gform-theme .gfield select { height: 50px;}
	body .gform_wrapper.gform-theme .gfield textarea.large { min-block-size: 170px;}
	body .gform_wrapper.gform-theme .gform-footer { margin-top: 40px;}
	
}

@media only screen and (max-width : 480px) {
	section.hero-optn .wrap { padding-top: 70px;}
}

/* #endregion */