/* 
//#############################################
//# CSS script                                #
//# Copyright (c)				              #
//# E-Mail: office@crazywebstudio.com         #
//# Crazywebstudio LTD                        #
//#############################################
*/

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



}
@media screen and (max-width: 1920px) and (max-height: 1000px) 
{

}

@media only screen and (max-width: 1680px)
{
  
    
}
@media only screen and (max-width: 1366px)
{
 
}

@media only screen and (max-width: 1280px)
{
    .langs{
        top: 10px;
    }
}
@media only screen and (max-width: 1280px) and (max-height: 1024px)
{

}

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

@media only screen and (max-width: 1024px)
{
    body{
        font-size: 14px;
    }
    .mouseAnimation{
        top: 88%;
    }
    .footer div{
        margin: 0 auto;
        text-align: center;
    }
    .top-menu > li > a {
        padding: 15px 12px;
    }
    .carousel-caption {
        bottom: 20%;
    }
    .homeText {
        padding: 10px;
    }
    .footer{
        background-size: 200% 100%;
    }
}

@media only screen and (max-width: 800px)
{
    .slideText {
        font-size: 28px;
    }
    .mouseAnimation{
        top: 80%;
    }
    .navbar-nav .open .dropdown-menu{
        padding: 0;
    }
    .navbar-right {
        height: auto;
    }
    .socialIcons {
        display: none;
    }
    .top-menu{
        margin: 15px 0;
        background: rgba(0,0,0,0.5);
        -webkit-border-radius:5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .top-menu > li > a{
        padding: 5px 5px;
        margin: 2px 0;
        
    } 
    .dropdown-menu {
        margin: 0 !important;
    }
    .top-menu > li > a:hover,
    .top-menu > li > a:active,
    .top-menu > li > a:focus,
    .top-menu > li.active a{
        color: #fff;
        background: #f11111;
    }

    /*********** Home Services ************/
    .servicesCol{
        width:50%;
    }
    .partnersRow{
        width: 33%;
    }

    /*********** CONATCT US Form *************/
    .contactUs,
    .extraInfo{
        padding:0 20px 20px 20px;
    }
    .mouseNewsDown {
      top: 95%;
      left: 45%;
    }
    .contentPage p {
      padding: 5px 10px 5px 0px;
    }
    .langs{
        top: 5px;
        right: 15px;
    }


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

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

}

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 

}



/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 

}


@media only screen and (max-width: 640px)
{
    
    .top-menu{
        margin: 0px 0;
    }
    .slider{
        position: relative;
    }
    .carousel .carousel-control{
        top:80%;
    }
    .carousel-icons{
        min-height: 100px;
        overflow: hidden;
    }
    .carousel-caption{
        top:45%;
    }
    .slideSlogan {
        display: none;
    }
    .carousel-icons-link{
        font-size: 12px;
        line-height: 12px;
    }
    .carousel-icons-link span{

        display: block;
    }
    .carousel-icons-row img {
        margin: 0 auto;
        width: 50%;
    }
    .slideText {
        font-size: 18px;
    }
    .mouseAnimation{
        display: none;
    }
    /*********** Home Services ************/
    .servicesCol{
        width:100%;
    }
    .navbar-brand img{
        max-width: 80%;
    }
    .partnersRow{
        width: 50%;
    }
    .partnersRow{
        margin: 0 auto;
    }
    .partnersRowLast {
        float: none;
        width: 100%;
        text-align: center;
    }
    .bottomMenu{
        padding: 20px 0 20px 0;
    }
    .mouseNewsDown {
      top: 98.4%;
      left: 45%;
    }
}
@media only screen and (max-height: 568px)
{

}
@media only screen and (max-width: 480px)
{
    .navbar-brand {
        max-width: 80%;
    }
	
}

@media only screen and (max-width: 360px) and (max-height: 640px){


}

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