html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background:#fff;margin:0;padding:0!important;font-family:'Jost-Regular';font-size:14px;color:#444;font-weight:normal;line-height:normal; overflow-x: hidden; overflow:auto;}

@font-face{font-family:'Jost-Black';src:url(Jost-Black.ttf)}
@font-face{font-family:'Jost-Bold';src:url(Jost-Bold.ttf)}
@font-face{font-family:'Jost-Regular';src:url(Jost-Regular.ttf)}
@font-face{font-family:'Jost-SemiBold';src:url(Jost-SemiBold.ttf)}
@font-face{font-family:'Jost-Medium';src:url(Jost-Medium.ttf)}

p{margin:0 0 10px 0;padding:0;font-family:'Jost-Regular';color:#000;font-size:14px;line-height:24px;font-weight:normal;}

/*heading*/
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;padding:0;font-family:'Jost-Bold';color:#000;line-height:normal;text-transform:capitalize;}
h1{font-size:30px}
h2{font-size:25px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:15px}

.heading{font-size:45px;color:#000;font-family:'Jost-Bold';margin:0 0 50px 0;padding:0 ;position:relative;}
.heading:after{content:'';position: absolute;background: #fca003;width:150px;height: 1px;bottom:-5px;left:0;}

.c-heading {text-align:center;}
.c-heading:after {left:0;right:0;margin: auto;}

/**/
ul{padding:0;margin:0;}
ul li{padding:0;margin:0;list-style-type:none;font-family:'Jost-Regular';position: relative;}
ul li a, ol li a{color:#000}
ul li a:hover, ol li a:hover{color:#555}

ol{padding:0;margin:0 0 15px 15px;}
ol li{padding:0;margin:0;list-style-type:decimal;font-family:'Jost-Regular'}

/**/
a{color:#000;font-family:'Jost-Regular';text-decoration:none!important;outline:none;-webkit-text-decoration-skip:objects;transition:0.7s;}
a:hover{color:#000;}

/**/
iframe{width:100%;height: 100%;border:0;margin:0;padding:0;}

/**/
.flex-wraper{display: flex;align-items: center;justify-content: space-between;}
.center-row{align-items:center;}
.lzero{padding-left:0!important;}
.rzero{padding-right:0!important;}

/*buttons*/
.buttons-group{display:flex;justify-content:start;align-items:center;}
.btn{font-family:'Jost-SemiBold'!important;font-size:15px!important;color:#fff!important;font-weight:normal!important;text-transform: capitalize!important;line-height:normal!important;padding: 10px 16px !important;border:1px solid transparent!important;border-radius: 12px!important;transition:0.9s!important;display: flex !important;align-items: center;justify-content: center;position: relative;}
.btn:focus{outline:none!important;box-shadow:none!important;}

.btn-primary{background: #fca003!important;color: #fff!important;padding: 10px 12px 10px 35px !important;}
.btn-primary:hover, .btn-primary:focus {background: #0064b0 !important;color: #fff !important;}

/**/
.btn-primary i{margin:0 7px 0 0;transition:1s; position:absolute; left:10px; top:auto;}
.btn-primary .fa-phone, .btn-primary .fa-paper-plane{opacity:1;}
.btn-primary:hover .fa-phone, .btn-primary:hover .fa-paper-plane{opacity:0;}
.btn-primary .fa-arrow-trend-up{opacity:0;}
.btn-primary:hover .fa-arrow-trend-up{opacity:1;transform:translate(5px);}

.btn-secondary{background: #000!important;}
.btn-secondary i{margin:0 0 0 10px ;transition-duration: 1s;}
.btn-secondary:hover, .btn-secondary:focus{background:#fca003!important;color:#fff!important;}
.btn-secondary:hover i{transform: rotate(45deg); transition:0.7s!important;}

.btn-outline-primary{color:#000!important;border:1px solid #000 !important;padding: 10px 25px !important;}
.btn-outline-primary:hover, .btn-outline-primary:focus{color:#0064b0!important;background:none!important; border-color: #0064b0 !important;}
.btn-outline-primary:hover i{transform: translate(10px)!important;transition: 0.9s; }

/*modal*/
.modal{top:15px!important;z-index:9999999!important; }
.modal-open{overflow:inherit!important;}
.modal-header{padding:15px!important;background:#0000ff!important;border:0!important;border-radius:0!important;}
.modal-header h3{padding:0;margin:0;color:#fff;}
.modal-header .close{position:absolute;right:-15px;top:-15px;background:#ff0000;width:30px;height:30px;margin:0!important;padding:0 8px!important;line-height:normal!important;font-size:25px!important;color:#fff!important;font-weight:normal!important;text-shadow:none!important;border-radius:50%!important;opacity:1!important;outline:none;}
.modal-header .close:hover{background:#0000ff!important;}
.modal-content{border-radius:0!important;}
.modal-body{padding: 0 !important;}
.modal-content{border-radius: 24px !important;overflow: hidden;}
.modal-backdrop.show{opacity:0.9!important;}
.modal-backdrop{background:#000!important;z-index:99999!important;}
.modal .btn-close{position:absolute;right: -2px;top: -1px;z-index:9999;opacity:1;text-shadow:none;background:#fca003;width: 36px;height: 35px;display:flex;justify-content:center;align-items:center;outline:none!important;}
.modal .btn-close i{font-size:15px;color:#fff;}
.modal .btn-close:hover{background:#0064b0;}

/*accordion*/
.accordion{    margin: 0 !important;    padding: 20px !important;    background:none!important;}
.accordion-item{ line-height:45px!important;padding:0!important;    margin: 0 0 14px 0 !important; border:0 !important;background: none !important;}
.accordion-button{border-radius: 0 !important;font-size:17px!important;font-weight:normal!important;padding:15px 11px!important; margin:0!important;background:#fca003!important;border:0!important;cursor:pointer!important; box-shadow:none!important; color:#fff!important;font-family: 'Jost-SemiBold'!important;transition: .5s !important;}
.collapsed{border-bottom: 0 !important;    background: #eee !important;    color: #000 !important;    padding: 15px !important;    border-radius: 10px !important;}
.accordion-button:focus{outline:none!important;box-shadow:none!important;}
.accordion-item:last-child{ margin:0 !important}
.accordion-item .accordion-button.collapsed::after { content: "\f067";color: #fdce6c; font-size:19px; font-weight:bold;top: 14px;}
.accordion-item .accordion-button::after { font-family: 'Font Awesome 5 Free'; content: "\f068"; font-weight: bold; font-size:15px; color: #fff;position: absolute;right: 15px;top: 42px;}
.accordion-button::after { background:none!important;}
.accordion-body{padding:20px!important; border:0!important; border-radius:20px!important; background:none !important;}
.accordion-button:not(.collapsed) {border-radius: 10px !important;}

/*////////////////////////////////////// primary-tabs*/
.primary-tabs .tab-menu{display:flex;justify-content:center;align-items:center;margin:0;padding:0;}
.primary-tabs .tab-menu li{padding: 0;margin: 0 25px 10px 25px;font-family: 'Jost-Bold';color: #000;font-size:18px;cursor:pointer;}

.primary-tabs .tab-menu li:hover, .primary-tabs .tab-menu li.active{color: #fca003;}

.primary-tabs .tab-menu li.active:before{content:'';border: 1px solid #fca003;width: 100%;position: absolute;bottom: -11px;}

.primary-tabs .tab-menu li i{color: #fca003;font-size: 17px;padding: 0 7px 0 0;}
.primary-tabs .tab-content{display:none;padding:40px 0 0 0;border-top:1px solid #ccc;}
.primary-tabs .tab-content.active{display:inherit;}




/*smoicons*/
.smoicons{display:flex;align-items:center;justify-content:start;}
.smoicons a{margin: 0 25px 0 0;}
.smoicons a:hover i{color:#fca003;}
.smoicons i{font-size:19px;color:#fff;}


/*contact-sidebar*/
.contact-sidebar{border: 1px solid #e0e0e0;border-radius: 10px;padding: 24px 22px;margin: 0 0 45px 0;box-shadow: 3px 4px 7px -1px #e0e0e0;text-align: center;}

.contact-sidebar h3{font-size: 25px;margin: 0 0 10px 0;}
.contact-sidebar i.fa-user-tie{font-size: 45px;margin:0 0 15px 0;color: #000;}
.contact-sidebar p {margin: 0 0 15px 0;}
.contact-sidebar p a{transition: 0.9s;color:#0064b0;font-family: 'Jost-SemiBold';font-size: 25px;}
.contact-sidebar p a:hover{ color:#fca003;}
.contact-sidebar .btn-primary{font-size: 15px !important;width: max-content;margin: 0 auto;}



/*enquiry*/
.enquiry{background:#fff;padding:20px;border-radius:15px;}
.enquiry h2{ margin:0 0 25px 0;}
.enquiry h3{ margin:0 0 15px 0; font-size:15px}

/*form*/
.field-enquiry{background:#fff;border:1px solid #ddd;border-radius:5px;padding:0 12px 0 0;margin:0 0 8px 0;display:flex;align-items:center;justify-content:space-between;}
.field-enquiry i{font-size:12px;}
input[type="text"],input[type="email"],input[type="number"],input[type="date"],textarea,select{width:100%!important;background:none!important;border:0!important;outline:0!important;margin:0!important;padding:12px 15px 12px 12px!important;font-family:'Jost-Regular'!important;color:#000!important;font-size:15px!important;line-height:normal!important;}
textarea{height:90px}
.select-enquiry select{padding-left:8px!important;padding-right:12px!important;}
.textarea-enquiry{align-items:start;}
.textarea-enquiry i{margin:12px 0 0 0;}
input[type="submit"]{background:#fca003;border:0;border-radius:12px;padding:10px 25px;margin:10px 0 0 0;font-family:'Jost-Regular';color:#fff;font-size:15px;text-transform:uppercase;line-height:normal;outline:0; width:100%;}
input[type="submit"]:hover{background: #0064b0 !important;color:#fff}
input[type="submit"]:focus{outline:none;}
form small{display:block;font-style:italic;font-size:12px;padding:10px 0 0 0;}

::-webkit-input-placeholder{color:#555;}
::-webkit-select-placeholder{color:#555;}
:-ms-input-placeholder{color:#555;}
::-moz-placeholder{color:#555;}
:-moz-placeholder{color:#555;}

/*secondary-page*/
.secondary-page{ margin:60px 0;}
.secondary-page .heading{ margin:0 0 40px 0;}

/*thumb-effect*/
.thumb-effect {width: 100%;background: #fff;border-radius: 10px;overflow: hidden;position: relative; margin:0 }
.thumb-effect img{width: 100%;height: 250px;object-fit:cover;display: block;border-radius: 10px;transition-duration: 5s;overflow:hidden;}
.thumb-effect::before {position: absolute;top:0;left: -75%;z-index: 99999;display: block;content: '';height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.thumb-effect:hover::before {-webkit-animation: shine .75s;animation: shine .75s;width:100%;cursor: pointer;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% { left: 125%;}}

/*sticky-contact*/
.sticky-contact{ position: fixed;z-index: 999999;right:10px;top: 24%;}
.sticky-contact a{font-size: 30px;color: #fff;background: #57bb63;border-radius: 50px;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;transition:0.7s;}
.sticky-contact a:hover{transform: translateY(5px);}

/*topbar*/
.topbar{padding:7px 0;background:#333;}

/*contact-topbar*/
.contact-topbar{display: flex;align-items: center;justify-content: center;}
.contact-topbar li{ margin:0 80px 0 0; padding:0;transition:1s;}
.contact-topbar li:last-child{ margin:0;}
.contact-topbar li a{color:#fff;font-family:'Jost-Regular';font-size:15px;transition:0.9s;}
.contact-topbar li a i{color:#fca003; margin:0 10px 0 0;transition:2s;}

.contact-topbar li:hover {transform:translate(5px);}
.contact-topbar li a:hover { color:#fca003;}
.contact-topbar li a:hover i{ color:#fca003; margin:0 10px 0 0;transform:translate(5px);transition-duration:5s;}

/*responsive-menu*/
.icon-responsive { display:none; position: absolute;top: 10px;right: 15px;z-index:99999;width: 30px;height:25px;margin: 0;padding:0;cursor:pointer;}
.line-responsive {background: #fff;transition: 0.6s ease;transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);position: absolute;width: 100%;height: 2px;}
.top-line {top: 1px;}
.mid-line {top: 10px;width: 85%;margin: 0 0 0 15%;}
.bot-line {top: 19px;}
.top-animate {background: #fff;top: 13px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.bottom-animate {background: #fff;top: 13px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
.mid-animate {opacity: 0;}

/**/
.responsive-menu{position: fixed;top: 0;right: -100%;z-index:9999;width:100%;height: 100vh;background: rgba(0, 0, 0, 0.9);transition: right 1s ease;padding: 40px 25px 25px 25px;}
.responsive-menu.active {right: 0;}
.responsive-menu ul li {margin:0 0 10px 0;}
.responsive-menu ul li a {font-family: 'Jost-SemiBold';font-size: 20px;color: #fff;line-height: normal;}
.responsive-menu ul li a:hover{color: #ccc;}

/*header*/
header{padding: 15px 0;width: 100%;}

/*logo*/
.logo{margin: 0 51px 0 0;}
.logo img{width:auto;}

/*menubar*/
.menubar{margin: 0 40px 0 0;}
.menubar .flex-wrapper{display: flex;align-items: center;justify-content: end;}
.menubar ul{width:100%;margin:0;padding:0;display:inline-flex;justify-content:start;align-items:center;}
.menubar ul li{margin: 0 25px 0 0;position:relative;padding: 0;}
.menubar ul li.active a{color:#fca003 !important;}
.menubar ul li.active:before{content: '';border-bottom: 2px solid #fca003;width:100%;position: absolute;bottom: -16px;left:0;}
.menubar ul li a{position:relative;display:block;font-family:'Jost-SemiBold';font-size: 15px;color:#000;text-transform:uppercase;font-weight:normal;line-height:normal;border-radius:5px;}
.menubar ul li a:hover{color: #fca003;}
.menubar ul li a::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;top: 36px;background: #fca003;transition: 0.5s transform ease;transform: scale3d(0, 1, 1);  transform-origin: 50% 50%;}
.menubar ul li a:hover::before{transform: scale3d(1,1,1); color:#fca003!important;}
.menubar ul li a:hover::before{transform-origin: 50% 50%;}


/*slider*/
.slider {height: 480px;width: 100%;overflow: hidden;border-radius: 24px;margin:0 0 60px 0; }
.swiper-container {height: 100%;margin: auto;width:100%;border-radius: 24px;overflow: hidden;}
.swiper-slide {position: relative;text-align: center;}
.swiper-slide img {width: 100%;height: 100%;object-fit: cover;border-radius:24px;}
.caption-slider{width: 71%;top: 175px;left: 175px;border-radius: 53px;position: absolute;margin: auto;display: flex;align-items: center;justify-content: center;flex-direction: column;}

.caption-slider h1, .caption-slider h2{font-family: 'Jost-Black';color: #fff;font-size: 67px;line-height: 37px;margin: 0 0 15px 0;text-align: center;text-transform:uppercase;width: 100%;}
.caption-slider h3{background: #000;padding: 5px 15px;color: #fff;font-size: 22px;font-family: 'Jost-Medium';opacity: 0.80;border-radius: 12px;68px;margin: 20px 0 0 0;}

.swiper-slide.swiper-slide-active h2 {animation-duration: 2s;-webkit-animation-duration: 2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: bounceIn;-webkit-animation-name: bounceIn;}

/*animation*/
.slider .swiper-slide.swiper-slide-active h2 {animation-duration: 2s;-webkit-animation-duration: 2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;}
.slider .swiper-slide.swiper-slide-active h3 {animation-duration:3s;-webkit-animation-duration: 3s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUpBig;-webkit-animation-name: fadeInUpBig;}

/*footer*/
footer{padding: 50px 0 30px 0;background-image: url(../images/footer.jpg);background-size: cover;background-attachment: fixed;}

footer h4{font-size: 20px;color:#fff;margin: 0 0 25px 0;}
footer p{color: #fff;font-size: 14px;line-height: 24px;margin: 0;}

/**/
.top-footer {border-bottom: 1px solid #333;padding: 0 0 25px 0;margin: 0 0 40px 0;}

/**/
.logo-footer img {width: auto;margin: 0 0 25px 0;}

/*menu-footer*/
.menu-footer ul li{margin: 0 0 10px 0; padding:0 0 0 24px;}
.menu-footer ul li:before {content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: bold;font-size: 13px;color: #fca003;position: absolute;left: 0;top: 6px;}
.menu-footer ul li a{font-family:'Jost-Regular';font-size: 14px;line-height: 25px;color:#fff;display:inline-block;}
.menu-footer ul li a:hover{color:#fca003;}


/**/
.contact-footer ul{margin: 0; padding:0;}
.contact-footer ul li{margin: 0 0 20px 0;padding: 0 0 0 24px;}
.contact-footer ul li a{font-family:'Jost-Regular';font-size: 14px;line-height: 25px;color:#fff;}
.contact-footer ul li a:hover{color:#fca003;}
.contact-footer ul li a:hover i{color:#fca003;}
.contact-footer ul li i{font-size: 13px;color: #fff;position:absolute;left:0;top:7px;}

/*copyright*/
.copyright{border-top: 1px solid #333;padding:30px 0 0 0;margin: 40px 0 0 0;display: flex;align-items: center;justify-content: space-between;}
.copyright p{font-size: 14px;line-height:normal;margin:0;color: #fff;}
.copyright a{font-family:'Jost-SemiBold';font-size: 14px;color:#fff;border:1px solid #fff; border-radius:50px;padding:5px 15px;}
.copyright a i{ margin:0 10px 0 0; color:#fca003}
.copyright a:hover{ background:#fca003;}
.copyright a:hover i{ color:#fff;}

/*backtop*/
#backtop{display:none;position:fixed;bottom:15px;right:15px;z-index:99999;background:#fcb92e;border-radius:50%;padding:5px;width:35px;height:35px;line-height:27px;font-size:15px;color:#fff;text-align:center;}
#backtop:hover{background:#000;}
#backtop i{font-size:15px;}

/*breadcrumb*/
.breadcrumb{background:#000!important; padding:0!important;margin:0!important;border-radius:0!important; position:relative; }
.breadcrumb h1{margin:0;font-size:25px;color:#fff;}
.breadcrumb img{width:100%;height: 200px;object-fit: cover;opacity:0.5;}
.bc-caption{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:left;align-items:center;}




/*sidebar*/
.sidebar{ padding:0 0 0 15px;position: sticky;top:30px;}
.sidebar .enquiry{padding:0;}








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

p{margin:0 0 8px 0;font-size:13px;line-height:22px;}

/*heading*/
h1,h2,h3,h4,h5,h6{margin:0 0 12px 0;}
h1{font-size:25px}
h2{font-size:21px}
h3{font-size:18px}
h4{font-size:16px}

.heading{font-size:18px;margin:0 0 20px 0; padding:0;}
.heading:after {top: 51px;}

/*secondary-page*/
.secondary-page{ padding:35px 0;}
.secondary-page .heading{ margin:0 0 25px 0}
.secondary-page .heading:after{top: 28px;width: 25%;}

/*btn*/
.btn {font-size: 11px !important; padding: 8px 12px 8px 28px !important;}

/*form*/
input[type="submit"]{width:100%;padding:15px;font-size:15px;}

/*col*/
.container{max-width:100%!important;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11{-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important;}
.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6{margin-left:0!important;}

/**/
.lzero{padding-left:12px;}
.rzero{padding-right:12px;}

/*accordion*/
.accordion{margin:0 0 5px 0;}
.accordion h3{font-size:15px;padding:8px 10px;}
.accordion-item {line-height: 20px !important;}
.accordion-button {font-size: 12px !important;}
.accordion-item .accordion-button::after {right: 9px;top: 14px;}
.accordion-item .accordion-button.collapsed::after {font-size: 16px;top: 12px;}

/*smoicons*/
.smoicons{justify-content:center;}
.smoicons a{width:25px;height:25px;margin:0 3px;}
.smoicons i{font-size:12px;}

/*sticky-contact*/ 
.sticky-contact ul li i{font-size: 25px;height: 40px;width: 40px;margin: 0 4px 0 0;}
.sticky-contact ul li span i {font-size: 27px;height: 42px;width: 40px;}
.sticky-contact {right: -4px;}

/*topbar*/
.topbar{padding:10px 0;}

/*contact-topbar*/
.contact-topbar{justify-content: start;}
.contact-topbar li{margin: 0 20px 0 0;padding:0;}
.contact-topbar li a{font-size: 13px;}
.contact-topbar li a i{margin: 0 5px 0 0;}
.contact-topbar li a span{ display:none;}

/*responsive-menu*/
.icon-responsive{display:block;}

/*header*/
header{padding:15px 0;}

.logo {margin: 0 30px 0 0;}
.logo img{width: 160px;}

/*menubar*/
.menubar{display:none!important;}

/*menu-mobile*/
.menu-mobile {display: block!important;margin: 0;}

/*slider*/
.slider{ margin:0 0 35px 0;height: 160px !important;}
.swiper-container {width: 93% !important;}
.slider img {width: 100% !important;height: 100%;object-fit: cover;}
.caption-slider {align-items: center;padding: 6px 28px;}
.caption-slider{width: 97%;height: 100px;bottom: 0;left: 5px;align-items: center;padding: 0 20px; top:0;}
.caption-slider h1, .caption-slider h2{font-size: 28px;line-height: 24px;margin: 0;bottom: 16px;padding: 15px 9px;width: 100%;left: 0;}

.caption-slider span {padding: 4px 11px!important;font-size: 14px!important;margin: 0!important;}

/*enquiry*/
.enquiry{padding:15px;}

/*footer*/
footer {padding: 30px 0}

footer .col-sm-3{ width:50%; max-width:50% !important}
footer h4{margin:0 0 10px 0;}

.top-footer {margin: 0 0 20px 0;}
.top-footer .flex-wraper {display: flex!important;align-items: center!important;justify-content: space-between!important;}

.top-footer .smo-icons a{margin: 0 10px 0 0!important;}
.top-footer .smo-icons{ margin:0 0 22px 0;}

/*logo*/
.top-footer .logo{margin: 0 0 22px 0;width: 30%;}

.about-footer{ padding:0 0 25px 0;}

/**/
.menu-footer{ margin:0 0 25px 0;}
.menu-footer ul{margin:0 0 12px 0;}
.menu-footer ul li{margin:0 0 3px 0;}

/**/
.contact-footer ul li{margin:0 0 6px 0;}

/*copyright*/
.copyright {justify-content: center;flex-direction: column;text-align: left;align-items: start;padding: 20px 0 0 0;margin: 20px 0 0 }
.copyright ul li {margin: 0;padding: 0;}
.copyright ul li a{ font-size:15px}
.copyright p {margin:0 0 25px 0;font-size: 12px;}

/*breadcrumb*/
.breadcrumb img{height: 150px;}
.breadcrumb h1{padding: 0;margin: 0;}
.breadcrumb p{text-align:center;}






}







/*small device*/
@media only screen and (max-width:320px){ .logo img{width:50px;} }






@media only screen and (max-width:360px){ .logo img{width: 86px;} }