/* Mobile Portrait View */

@media screen and (max-width: 29.938em) {

h3 { padding:0;}
h2 { font-size:22px;}
header{ width:100%;}
.header-top .contact-info li a { padding-right:10px;}
.header-top .social-icons { float:none;}
header .logo { float:none; margin:5px 0;}
header .logo img {
    width: 85%;
    height: auto;
    transition: width 0.3s;
   
}
.fixed-header { position:relative !important;}
.container { padding:0 15px;}
.banner { width:100%; padding:0 15px;}
#banner-wrapper .da-slide .caption { width:100% !important; left:-20px !important;}
#banner-wrapper .da-dots { width:100%; padding:0 20px;}
.container { width:100%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14 { width:100%; padding:0 20px;}
.featured-boxes .box { border-right:none; border-bottom:#30a0fd solid 1px;}
.featured-boxes .col-3:nth-child(4).box { border-bottom:none;}
.content p { padding:0;}
.team .profile { height:auto; padding-left:0;}
.blog-layout .box { margin-bottom:30px;}
.styles { margin:50px -15px 0; width:auto;}
.styles .box .thumb { width:100%;}
.partner .client-logo { margin-bottom:20px;}
.bright-news .box .thumb { width:100%; height:auto; margin:0 0 20px 0;}
.testimonials #owl-demo .item { width:90%;}
.mobile { margin:0 0 50px;}
.mobile img { border-radius:50px;}
.bright-news .box .read-more { position:relative; bottom:0; margin-top:20px; display:block;}
.feature-list { width:80%;}
.gallery .gallery-item a { height:auto;}
.services-box .content, .services-box .thumb, .events .thumb { width:100%;}
.events .thumb { height:auto; margin-bottom:20px;}
.events .book-now { margin:50px auto 0; display:table; float:none;}
.events ul.tabs li { width:100%; margin:0;}
.events .event-list:hover { background:none; padding:50px 0;}
.feature-list span { right:-60px;}
.feature-right .feature-list span { left:-60px;}
footer .contact-info .box {border-bottom:2px solid #1f1f1f; border-right:none;}
footer .box { padding:40px 20px 40px;}
.copyright .copyright-txt, .copyright .design-by { float:none; text-align:center;}
.copyright .social-icons { margin:20px auto;}
.bx-viewport { height:158px !important;}
.da-slide .da-img { width:100% !important;}
.da-slide .da-img img { width:50% !important; right:40px !important; min-height:inherit !important;}
.da-slide p { display:none !important;}
.da-slide h2 { font-size:16px !important;}
.da-slider { height:150px !important;}
.da-slide .caption { top:40px !important;}
#banner-wrapper img { min-height:140px;}
#banner-wrapper { min-height:140px;}

}

/* Mobile Landscape View */

@media screen and (max-width:47.938em) and (min-width:30.000em) { 

h3 { padding:0;}
h2 { font-size:22px;}
header{ width:100%;}
header .logo { float:none; margin:15px 0;}
.fixed-header { position:relative !important;}
.container { width:450px; padding:0 15px;}
.banner { width:100%; padding:0 15px;}
#banner-wrapper .da-slide .caption { width:100% !important; left:-60px !important;}
#banner-wrapper .da-dots { width:100%; padding:0 20px;}
.container { width:100%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14 { width:100%; padding:0 20px;}
.featured-boxes .box { border-right:none; border-bottom:#30a0fd solid 1px;}
.featured-boxes .col-3:nth-child(4).box { border-bottom:none;}
.gallery .col-3, .desk .col-4, .blog-layout .col-3, .styles .col-6, .partner .col-2 { width:50%;}
.blog-layout .box .thumb { width:100%; height:auto;}
.content p { padding:0;}
.team .profile { height:auto; padding-left:0;}
.blog-layout .box { margin-bottom:30px;}
.styles { margin:50px -15px 0; width:auto;}
.styles .box .thumb { width:100%;}
.partner .client-logo { margin-bottom:20px;}
.bright-news .box .thumb { width:100%; height:auto; margin:0 0 20px 0;}
.testimonials #owl-demo .item { width:90%;}
.mobile { margin-bottom:50px;}
.mobile img { border-radius:50px; margin:auto; display:table;}
.bright-news .box .read-more { position:relative; bottom:0; margin-top:20px; display:block;}
.feature-list { width:80%;}
.services-box .content, .services-box .thumb { width:100%;}
.events .thumb { width:100%; height:auto; margin-bottom:20px;}
.events .book-now { margin:50px auto 0; display:table; float:none;}
.events ul.tabs li { padding:0 7px;}
footer .contact-info .box {border-bottom:2px solid #1f1f1f; border-right:none;}
footer .box { padding:40px 20px 40px;}
.copyright .copyright-txt, .copyright .design-by { float:none; text-align:center;}
.copyright .social-icons { margin:20px auto;}
.bx-viewport { height:293px !important;}
.da-slide .da-img { width:100% !important;}
.da-slide .da-img img { width:50% !important; right:60px !important;}
.da-slide p { display:none !important;}
.da-slide h2 { font-size:22px !important;}
.da-slider { height:220px !important;}
.da-slide .caption { top:40px !important;}
.da-slide .da-link { top:0 !important; font-size:14px !important; line-height:35px !important;}
#banner-wrapper img { min-height:140px;}
.banner .col-6, .services .col-6 { width:50%;}
#banner-wrapper { min-height:140px;}
.header-top .contact-info li a { padding-right:16px;}

}

@media screen and (max-width:61.188em) and (min-width:20.000em) {

nav { width:100%;}
.menu-mobile { display: block; font-size:0; padding:0;}
.menu-mobile::after { top:120px; right:15px;} 
.menu-dropdown-icon:before {display: block; padding:7px; line-height:35px;}
.menu > ul { display: none;}
.menu > ul > li { width: 100%; float: none; display: block;padding: 0px 0px; margin: 10px 3px;border: none;background-color: transparent !important;} 
.menu > ul > li a, .fixed-header .menu > ul > li a { padding:5px 15px; width:100%; display: block; line-height:35px;border: 1px solid #CCC;border-radius: 50px;}
.menu > ul > li a:hover, .menu > ul > li a.current {color: #fff;border-radius: 50px;background-color: #F5821F !important;}
.menu > ul > li > ul {position: relative;}
.menu > ul > li > ul.normal-sub {width: 100%;top:0}
.menu > ul > li > ul > li { float: none; width: 100%; margin-top:0;}
.menu > ul > li > ul > li:first-child {margin: 0;}
.menu > ul > li > ul > li > ul { position: relative;}
.menu > ul > li > ul > li > ul > li { float: none;}
.menu .show-on-mobile { display: block;}

}

/* Tablet View */

@media screen and (max-width:63.938em) and (min-width:48.000em) {

.fixed-header { position:relative !important;}
header { width:100%;}
header .logo { margin:15px 0;}
.banner { width:100%; padding:0 15px;}
#banner-wrapper .da-slider { height:350px;}
#banner-wrapper .da-slide .caption { width:100% !important; left:-120px !important;}
#banner-wrapper .da-dots { width:100%; padding:0 20px;}
.da-slide .da-img { width:50% !important; }
.da-slide .da-img img {right:80px !important;}
.container { width:100%;}
.featured-boxes .col-3 { width:50%;}
.gallery .col-3 { width:33.333%;}
.blocks .col-3 { width:33.333%;}
.team .profile { height:350px;}
.desk .col-4 { width:50%;}
.compatibility .box h3 { font-size:14px;}
.styles .box .thumb, .blog-layout .box .thumb { width:100%; height:auto;}
.partner .col-2 { width:25%;}
.partner .client-logo { margin-bottom:20px;}
.bright-news .box { display:block; min-height:520px;}
.bright-news .box .thumb { width:100%; margin-left:0; float:none; height:auto; margin-bottom:20px;}
.events .thumb { height:auto;}
.events .event-list:hover { background:#fff; padding:50px 20px;}
.services .col-6 { width:100%;}
footer .contact-info .box { padding-left:0;}
.copyright .copyright-txt, .copyright .design-by { padding:0 20px;}
.menu-mobile::after { top:40px;}
.bx-viewport { height:400px !important;}
.ticker .bx-viewport { height:130px !important;}
.gallery .gallery-item a { height:140px;}
.da-slide .caption { top:50px !important;}
.da-slide h2 { font-size:24px !important;}
#banner-wrapper { min-height:116px;}

}

@media screen and (max-width:73.063em) and (min-width:64.000em) {
	
.container { width:auto; padding:0 15px;}
.header, .banner { width:100%; padding:0 15px;}
.banner { width:100%; padding:0 15px;}
#banner-wrapper .da-slider { height:500px;}
#banner-wrapper .da-slide .caption { width:100% !important; left:-160px !important;}
#banner-wrapper .da-dots { width:100%; padding:0 20px;}
#banner-wrapper .da-slide .da-img { width:57%;}
.nav li a { padding:0 8px;}
.table-cell h3 { font-size:12px;}
.copyright .copyright-txt, .copyright .design-by { padding:0 20px;}
.events .thumb { height:auto;}
#video { min-height:inherit;}
.ticker .bx-viewport { height:180px !important;}
.gallery .gallery-item a { height:197px;}

}