@media only screen and (max-width: 1199px){
    body #middle-wrapper .sidebar-right{z-index: 0;}
    body #accordion > li{padding: 0 14px; }
    body .desktop-view {font-size: 10px !important;}
    .accordion {float: left;width: 100%;}
    .site-main-menu > nav > ul {box-sizing: border-box;padding-right: 80px;text-align: right;}
}

@media only screen and (max-width:555px){
    
    .itemText > p {display: none;}   
    .sliderHome .itemImages .itemText {margin-top: -26px;}
    .sliderHome .itemImages .itemText h2 {font-size: 20px;}
    .sliderHome .itemImages::after {display: none;}
    .sliderHome .itemImages {position: inherit;}
    body main .title h2 {font-size: 20px;padding: 10px 0;}
    .field-item {text-align: left;}
}


@media only screen and (max-width:1299px){
    .itemText{padding-left: 50px;}
    .itemImages .itemText{max-width: 60%;}
    .itemImages .itemText h2 {font-size: 30px;margin-bottom: 10px;}
    .itemImages .itemText p {font-size: 17px;max-width: 500px;}
}



@media only screen and (max-width: 991px){
    .itemImages .itemText p {font-size: 14px;line-height: 2;}
}

@media only screen and (max-width: 1149px){
    .servicesInner .servicesBox{width:22.2%;}
    .servicesImg img {max-width: 100px;width: 100%;}
    .servicesBox .servicesSub h4 {margin-bottom: 10px;font-size: 12px;}
    .servicesBox .servicesDel p {font-size: 13px;line-height: 20px;min-height: 147px;}
    
    main .title h2 {font-size: 30px;margin-top: 5px;padding: 10px 0;}
    .servicesBox .servicesImg {min-height: 115px;padding: 0;}
    main .ourServices, main .spotLight, main .recentAnno {padding-bottom: 20px;}
    .spotLight .lightInner p {font-size: 16px;line-height: 25px;margin-bottom: 20px;}
    .spotLight .lightInner h4 {color: #909090;font-size: 18px; margin-bottom: 10px;}
    
    .announceMent .announceInner a {font-size: 16px;}
    .owl-nav .owl-prev, .owl-nav .owl-next {display: block !important;}

}


@media only screen and (max-width: 767px){
    .site-main-menu > nav > ul {padding-right: 0px;}
    .mobile-devices {display: inline-block !important;float: left !important;left: 0;text-align: left !important;width: 100% !important;}
    .desktop-view {visibility: hidden !important;font-size: 0 !important;}
    
    .itemImages .container{padding: 0;}
    .sliderHome .owl-prev, .sliderHome .owl-next {margin-top: -15px;width: 30px;height: 30px;line-height: 30px;background: rgba(255,255,255,0.9);}
    .sliderHome .owl-next:after {width: 30px;height: 30px;font-size: 20px;}
    .sliderHome .owl-prev:after {width: 30px;height: 30px;font-size: 20px;}
    
    .itemImages .itemText {max-width: 100%;text-align: center;}
    .itemImages .itemText {margin-top: -81px;max-width: 100%;padding: 0;text-align: center;z-index: 99;}
    .itemImages::after {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
    
    .itemImages .itemText p {margin: 0 auto; font-weight: 300;}
    .itemImages .itemText h2{font-weight: 600;}
    
    main .title h2 {font-weight: 300;font-size: 25px;line-height: 2;padding: 20px 0;}
    .servicesInner .servicesBox {width: 100%; margin: 0 0 15px;}
    .servicesInner .servicesSub h4 {font-size: 16px;}
    .spotLight .lightInner h4 {font-size: 20px;}
    .spotLight .lightInner p {font-size: 16px;}
    
    .recentAnno .announceMent, .recentAnno .advertiseMent {float: none;width: 100%;}
    footer .fBox {float: none;width: 100%;}
    .servicesBox .servicesDel p {font-size: 14px;min-height: auto;}
    
    main footer {background-repeat: repeat;background-size: inherit;}
    .headerTop .socialIcon {display: none;}
    .headerTop .primaryMenu li {display: inline-block;margin:10px;}
    .headerTop .primaryMenu > nav {text-align: center;}
    .headerTop .primaryMenu ul {margin: 0 auto;}


    
    .bar1, .bar2, .bar3 {background-color: #27318A;height: 2px;margin: 4px 0;transition: all 0.4s ease 0s;width: 25px;}
    .toggle-menu-mobile {cursor: pointer;float: right;margin-top: 16px;}
    .add-menu .bar1 {transform: rotate(-45deg) translate(-2px, 7px);}
    .add-menu .bar2 {opacity: 0;}
    .add-menu .bar3 {transform: rotate(45deg) translate(-2px, -7px);}
    .secondaryMenu ul{display: none;}   
    header .headerBottom {padding: 0;}
    .mainLogo > a {display: inline-block; float: left;}
   
    .mainLogo img {max-width: 122px;padding: 5px;width: 100%;} 
    .searchBar {float: left;}
    .cartBox {float: left;}
    .searchCart {display: inline-block;}
    .secondaryMenu {position: relative;text-align: center;}
    .searchCart i {font-size: 20px;}
    .searchCart {display: inline-block;position: absolute;top: -40px;}
    .secondaryMenu nav > ul > li {margin-right: 0;padding: 10px 0;}
    
    
    .searchCart .searchInput {right: -64px;top: 40px;}
    .searchCart .searchBtn {top: 11px;}
    .headerBottom .secondaryMenu nav > ul > li, .headerBottom .secondaryMenu nav > ul > li > ul > li{margin: 0; position: relative; padding: 0;}
    .secondaryMenu nav > ul > li > a, .secondaryMenu nav > ul > li > ul > li > a, .secondaryMenu nav > ul > li > ul > li > ul > li > a{color: #3c3950; padding: 10px 15px; display: block;}
    .secondaryMenu nav ul li a{border-bottom: 1px solid #eeeeee;}
    .secondaryMenu nav > ul > li > a > span {display: block !important;}
    .rotateicon .fa {transform: rotate(90deg);}
   .secondaryMenu ul li span {display: inline-block;height: 40px;line-height: 40px;margin: 0 !important;position: absolute;right: 0;text-align: center;top: 0;width: 40px;z-index: 999;cursor: pointer;       }
   
    .rotateicon{transition: 300ms all;-moz-transition: 300ms all;-os-transition: 300ms all;-webkit-transition: 300ms all;}
    .rotateicon .fa{transform: rotate(90deg); -moz-transform: rotate(90deg); -os-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    .secondaryMenu .sub-menu {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
    .secondaryMenu nav > ul > li {text-align: left;}
    
    .fBox{position: relative;}
    .fBox span {position: absolute;right: 0;font-size: 20px;top: 16px;height: 30px;width: 30px;text-align: center;line-height: 30px; cursor: pointer;}
    .fboxInner, .menuInner, .comInner, .priInner{display: none;}
    footer .fBox h2 {font-size: 16px;margin-bottom: 0;}
    
    .followUs.fBox li {margin: 10px 15px;}
    .folInner {display: inline-block;}
    .followUs.fBox, .newsLetter.fBox {text-align: center;padding-bottom: 0;}
    .letterInner {margin-top: 10px;}
    .priInner, .menuInner, .comInner {text-align: left;padding-top: 10px;} 
    .downIcon{transform: rotate(90deg);}
    .parent {background: rgba(204, 204, 204, 0.3) none repeat scroll 0 0}
    .parent > ul > li {background: #f9f9f9 none repeat scroll 0 0;}
    .partnerLogin {padding: 15px 0;}
    
     body section .title h2, body section .title h2 a {font-size: 20px;margin: 0;padding: 10px;}
    .spotLight .title h2 a {font-size: 24px !important;}
}




@media only screen and (min-width: 767px){
    
    .headerTop ul > li {float: left;}
    .searchCart {margin-left: 15px;padding-top: 28px;}
    .headerTop ul > li > a:hover{color: #fff;}
    .primaryMenu ul li{margin-right: 20px;}
    .headerTop ul > li a .fa {margin-right: 20px;font-size: 18px;}
    .primaryMenu ul {float: left;}

    .socialIcon {float: left;}
    .primaryMenu {float: right;}

    .socialIcon, .primaryMenu ul{line-height: 55px;}
    .mainLogo {float: left; }
    .secondaryMenu {float: right;/*line-height: 63px;*/}
    .secondaryMenu .priMenu, .secondaryMenu .priMenu > li, .searchCart {float: left;position: relative;}
    
    .secondaryMenu a:hover{text-decoration: none !important;}
    .searchBar, .cartBox {float: left; position: relative;}
    .secondaryMenu nav > ul > li > a:hover, .searchCart i:hover{color: #27318a;}
    nav > ul > li {display: inline-block;position: relative;}
    .secondaryMenu nav ul li a {font-size: 14px;font-weight: 600;text-transform: uppercase;}
    .secondaryMenu ul li a {display: block;padding: 10px;color: #3c3950;}
    
    
    header nav { display: block !important; float: left;}
    nav > ul > li > ul ,
    nav > ul > li > ul > li > ul {position: absolute;}
    nav > ul > li > ul,
    nav > ul > li > ul > li > ul { visibility:  hidden; opacity: 0}
    nav > ul > li > ul { top: 50px}
    nav > ul > li > ul > li > ul {top: 20px;}
    nav > ul > li:hover > ul { top: 100%;}
    nav > ul > li > ul > li:hover > ul { top: 0;}

    nav > ul > li:hover > ul,
    nav > ul > li > ul > li:hover > ul { min-width: 210px;opacity: 1;visibility: visible;width: 100%;}
    nav > ul > li:hover > ul,nav > ul > li > ul > li:hover > ul {transition: all 300ms;}
    nav > ul > li > ul > li > ul {margin-left: 100%; }
    nav > ul ul  {box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: left; background: #fff; z-index: 2;}
    nav li ul li {border-bottom: 1px solid rgba(0,0,0,0.1); position: relative;}
    .secondaryMenu nav > ul > li > span{display: none;}
    .secondaryMenu ul li span {float: right;position: absolute;right: 15px;top: 12px;}
    .fBox span {display: none;}
    
    
    nav li ul li:hover {background: #27318A;color: #ffffff;}
    nav li ul li:hover a{color: #fff;}
    .secondaryMenu nav > ul > li > ul > li > ul > li > a{color:#3c3950;}
    .secondaryMenu nav > ul > li > ul > li > ul > li:hover a{color: #fff;}
    

    

}

@media only screen and (min-width:1149px) and (max-width:1351px){
    .itemImages .itemText h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .itemImages .itemText p {
        font-size: 19px;
        max-width: 500px;
    }
}
@media only screen and (max-width:1299px){
    .itemText {
        padding-left: 0px;
    }
}
@media only screen and (max-width: 867px){
    .itemImages .itemText h2 {
        line-height: 45px;
        font-size: 28px;
    }
    .itemImages .itemText p {
        line-height: 26px;
    }
}
@media only screen and (max-width: 767px){
    .itemImages .itemText h2 {
        line-height: 38px;
    }
    .itemImages .itemText p {
        line-height: 24px;
    }
}
@media only screen and (max-width: 700px){
    .itemImages .itemText p {
        display: none;
    }
}
@media only screen and (max-width:555px){
    .sliderHome .itemImages .itemText{
        margin-top: 0;
    }
}